Skip to Content

Meter

A meter represents a measured value within a known range, such as disk usage or battery level.

x

Custom range

x

Format options

Values are formatted with Intl.NumberFormat using the formatOptions prop.

x

Component props

NameTypeDescription
valuenumberCurrent value (required)
minValuenumberMinimum value
maxValuenumberMaximum value
labelstringLabel text displayed above the meter
showValuebooleanShows the formatted value
formatOptionsIntl.NumberFormatOptionsNumber format options for the displayed value