کامپوننت‌ها
امتیاز ستاره‌ای
دریافت یا نمایش امتیاز ۱ تا ۵، با نیم‌ستاره در حالت نمایش.
import { Rating } from "@kashi-ui/react";نمونه
از ۱٬۲۸۴ نظر
هنوز امتیازی ندادها ید.
<Rating label="امتیاز شما به این محصول" value={v} onChange={setV} showValue />
<Rating value={4.5} readOnly size="sm" showValue />| نام | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
value / defaultValue | number | 0 | امتیاز؛ در readOnly اعشار هم می‌پذیرد |
onChange | (value: number) => void | — | |
max | number | 5 | تعداد ستاره‌ها |
readOnly | boolean | false | فقط نمایش |
showValue | boolean | false | عدد کنار ستاره‌ها |
size | "sm" | "md" | "lg" | "md" | |
label | string | «امتیاز» | نام گروه |
starLabel | (n, max) => string | «n از max» | نام هر ستاره |
دسترس‌پذیری
حالت قابل‌انتخاب یک fieldset با رادیوهای بومی است: ←/→ امتیاز را عوض می‌کند و هر ستاره نام «۳ از ۵» دارد. حالت فقط‌خواندنی یک تصویر با نام کامل است («امتیاز: ۴٫۵ از ۵») تا صفحه‌خوان ستاره‌ها را یکی‌یکی نخواند.