StarRating
DATA DISPLAYInteractive or read-only star rating with hover preview and keyboard navigation.
[EXAMPLES]
Interactive
Rating: 3/5
Read-only
[PROPS]
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| value | number | — | Current rating value |
| max | number | 5 | Maximum stars |
| onChange | (value: number) => void | — | Rating change callback |
| readonly | boolean | false | Display-only mode |
| size | "sm" | "md" | "lg" | "md" | Star size |
[ACCESSIBILITY]
KEYBOARD SHORTCUTS
| KEY | ACTION |
|---|---|
| Arrow Left/Right | Adjust rating |
| Home / End | Min/max rating |
ARIA
- >role="radiogroup"
- >Each star has role="radio" with aria-checked