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

PropTypeDefaultDescription
valuenumber-Rating value (0-5)
onChangefunction-Change handler
readOnlybooleanfalseDisable interaction
sizestring"md"sm | md | lg