<RadialGauge value={94} max={100} label="30-day SLO" tone="good" />RadialGauge
src/charts/Donut.tsx
Import
import { RadialGauge } from "@ossrandom/design-system/charts";Peer dependencies
None — pure SVG / canvas2d render path.
Example
API
extends BaseProps
| Prop | Type |
|---|---|
value required |
number |
max |
number |
size |
number |
thickness |
number |
label |
ReactNode |
tone |
"neutral" | "good" | "warning" | "bad" |