امتیاز

ratingکامپوننت

ستاره‌ها از راست پر می‌شوند؛ پیش‌نمایش با هاور.

۴ از ۵

نصب

  1. با CLI

    اگر هنوز init نکرده‌اید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگی‌هایش را می‌نویسد.

    $ npx vibefarsi add rating
  2. نصب دستی

    محتوای تب «کد» را در components/ui/rating.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { Rating } from "@/components/ui/rating"23<Rating defaultValue={4} showValue onChange={setScore} />4<Rating value={4} readOnly size="sm" />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
maxnumber5تعداد ستاره.
readOnlyboolean-فقط نمایش.
showValueboolean-«۴ از ۵» کنار ستاره‌ها.