Rating

نصب

pnpm dlx @simurgh-ui/cli add rating

import { Rating } from '@simurgh-ui/react/rating';
import { Rating as VueRating } from '@simurgh-ui/vue/rating';
import { RatingComponent } from '@simurgh-ui/angular/rating';
import '@simurgh-ui/styles/rating.css';

پیش‌نمایش واقعی

Live component Rating ◆

Product rating

★★★★★

استفاده

<Rating
  aria-label="امتیاز محصول"
  name="rating"
  defaultValue={3}
  max={5}
  onValueChange={setRating}
/>

Vue از v-model و Angular از [(value)] استفاده می‌کنند. Arrowها میان امتیازها حرکت می‌کنند و مقدار انتخابی با name در فرم ثبت می‌شود. هر گزینه باید مقدار قابل‌خواندن مانند «۳ از ۵» داشته باشد و معنا فقط با شکل ستاره منتقل نشود.

Last verified on 2026-08-13 against Simurgh registry 0.1.1.