امتیاز
ratingکامپوننتامتیاز ستارهای که از راست پر میشه و با هاور پیشنمایش میده.
۴ از ۵
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add ratingنصب دستی
محتوای تب «کد» را در
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" />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| max | number | 5 | تعداد ستاره. |
| readOnly | boolean | - | فقط نمایش. |
| showValue | boolean | - | «۴ از ۵» کنار ستارهها. |