Rating
NewЗірковий рейтинг з hover preview та read-only режимом.
Import
import { Rating } from '@brutal-ui/react';Interactive Rating
Current Rating: 3/5
const [rating, setRating] = useState(3);
<Rating value={rating} onChange={setRating} />
<p>Current Rating: {rating}/5</p>Read-Only
5.0 (Perfect)
4.0 (Great)
3.0 (Good)
<Rating value={5} readOnly />
<Rating value={4} readOnly />
<Rating value={3} readOnly />Sizes
<Rating value={4} size='sm' />
<Rating value={4} size='md' />
<Rating value={4} size='lg' />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | - | Rating value (0-5) |
| onChange | function | - | Change handler |
| readOnly | boolean | false | Disable interaction |
| size | string | "md" | sm | md | lg |