Metrics
Gauge
One ratio on a dial. Arc, ring, or a tick needle.
41%
bounceRate
Props
| Property | Type | Default | Description |
|---|---|---|---|
value | number | — | Current reading. |
max | number | 100 | Full-scale value. 100 prints as a percent. |
label | string | — | Caption under the number. |
variant | "arc" | "ring" | "tick" | "score" | "arc" | Semicircle, full ring, or tick marks with a needle. |
className | string | — | Outer wrapper. |
bands | { label, color }[] | Low / Medium / High | Qualitative bands for the score variant, low to high. The arc is split into these and the value's band is named under it. |