Component
Rating
A row of stars that fill on hover and click, with optional half-star precision, read-only or interactive.
Standalone
rating.tsx
<NativeRating value={value} onValueChange={setValue} />Example
A read-only rating summarizing feedback after a completed interaction, no interactivity since the score is already final.
You rated your experience:
rating-example.tsx
<NativeRating value={5} readOnly />Capabilities
| Prop | Type | Description |
|---|---|---|
| valuerequired | number | - |
| onValueChange | (value: number) => void | - |
| max | number | - |
| size | number | - |
| readOnly | boolean | - |
| allowHalf | boolean | - |
| className | string | - |