Skip to content
Theme

Meter

A measurement in a known range.

Examples

Tones
Storage used38%
Monthly budget91%

Props

Meter

A measurement in a known range: a quota used, a score. Not progress over time.

PropTypeDefaultDescription
labelstring—
tone?"accent" | "danger" | "warning" | "success""accent"The colour of the fill: what the measured amount means.

Also takes 82 props it passes to the underlying React Aria component or element (events, ARIA attributes, state such as isDisabled), documented by React Aria.

Accessibility

  • role meter with the value as formatted text.