import { Meter } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
valuereq | number | — | Current meter value |
min | number | 0 | Minimum range |
max | number | 100 | Maximum range |
low | number | — | Below this value uses temporal color |
high | number | — | Above this value uses agency color |
label | string | — | Label above the meter |
showValue | boolean | true | Display numeric value |
valuerequiredType
numberDefault —Current meter value
minType
numberDefault 0Minimum range
maxType
numberDefault 100Maximum range
lowType
numberDefault —Below this value uses temporal color
highType
numberDefault —Above this value uses agency color
labelType
stringDefault —Label above the meter
showValueType
booleanDefault trueDisplay numeric value
MobileWorks As-Is
Meter fills its container width. Works at any viewport — no special handling needed.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?