Meter

Displays a scalar measurement within a known range.

Import

import * as Meter from '@base-ui/react/meter';

Groups all parts of the meter.

value: number - The current value
min: number - The minimum value
max: number - The maximum value
optimumState: ‘optimal’ | ‘suboptimal’ | ‘sub-suboptimal’ - The state relative to the optimum value

The filled portion of the meter that represents the current value.