KQ-162 · RATING/ARC
Rating Arc
A rating that fills along a 220-degree arc — the fill draws itself and the thumb rides the curve rather than cutting across it, while sweeping the arc paints a ghost of the score you would commit.
KQ-162 · RATING/ARC
3.5 of 5
Score 3.5 · half marks
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/rating-arc
Props
- value / defaultValue
- number
- default —
- Controlled or initial score, 0..max.
- onValueChange
- (value) => void
- default —
- Fires the committed score.
- max / step
- number
- default 5 / 1
- Top of the scale and its granularity; 0.5 gives half marks.
- label / readout
- string / boolean
- default "Rating" / true
- Accessible name, and whether to print the score beneath.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | number | — | Controlled or initial score, 0..max. |
| onValueChange | (value) => void | — | Fires the committed score. |
| max / step | number | 5 / 1 | Top of the scale and its granularity; 0.5 gives half marks. |
| label / readout | string / boolean | "Rating" / true | Accessible name, and whether to print the score beneath. |