Components
Meter
A measure in the world, not a task in flight: how much of the toner remains, how full the cistern stands. The level chooses the pigment — primary while all is well, the fixed semantic pigments at the thresholds.
#Basic usage
#Props
#MeterLabel
A styled part — no props of its own; it takes the anatomy's shared styling.
#MeterValueText
A styled part — no props of its own; it takes the anatomy's shared styling.
#MeterTrack
A styled part — no props of its own; it takes the anatomy's shared styling.
#MeterRoot
| Prop | Type | Default | Description |
|---|---|---|---|
value | Number | The measured value — clamped between min and max. | |
min | Number | 0 | — |
max | Number | 100 | — |
level | String as PropType<"normal" | "success" | "warning" | "danger"> | "normal" | The pigment the ink rides: primary unless a threshold is crossed. |
label | String | undefined | — |
size | String as PropType<"sm" | "md" | "lg"> | "md" | One rung of the groove ladder — the track's thickness. |