Tier D2
RN-universal StarRating pilot
ScaffoldedDisplay and interactive modes. Display mode announces as an image with the numeric rating. Interactive mode uses a radiogroup so arrow keys and screen readers behave correctly.
Side-by-side: display
shadcn (button-based)
RN (accessibility=image)
Interactive
shadcn
Rating: 4
RN
Rating: 4
Sizes
sm
md
lg
Semantics
| Aspect | shadcn | RN | Notes |
|---|---|---|---|
| Display mode | <div> with disabled <button>s | <View accessibilityRole="image"> | Announces as "Rated N out of M stars" |
| Interactive | <button> per star | <Pressable accessibilityRole="radio"> | Grouped in a radiogroup for keyboard nav |
| Hover preview | onMouseEnter/Leave | onHoverIn/Out (web-only, cast) | Silently no-op on native |
| Filled color | yellow-400 (amber) | amber (brand-invariant) | Same value both platforms |