Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/mui/base-ui/llms.txt

Use this file to discover all available pages before exploring further.

Meter

Displays a scalar measurement within a known range.

Import

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

Meter.Root

Groups all parts of the meter.

Props

State

  • 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

Meter.Indicator

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

Build docs developers (and LLMs) love