RadialProgress
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
Set#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| value * | number | — | Current value, 0..max. |
| max | number | undefined | 100 | Maximum value. Default 100. |
| size | number | undefined | 64 | Pixel size of the SVG. Default 64. |
| thickness | number | undefined | 4 | Stroke width. Default 4. |
| tone | enum | — | Color tone. Auto-flips to `ok` on completion unless explicitly set. |
| children | ReactNode | — | Replaces the centered percent label. |
| aria-label | string | undefined | — | Accessible label. Falls back to `${pct}%`. |