امتیاز

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-«۴ از ۵» کنار ستاره‌ها.