s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Feedback and overlays

Meter

No summary has been written for Meter. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript 
import { Meter } from '@happyvertical/smrt-ui/feedback';
Import path
@happyvertical/smrt-ui/feedback
Props
10
Props described
10 of 10
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

NameTypeRequiredDescription
valuenumberYesCurrent meter value to display.
minnumberNoMinimum value on the meter scale.
maxnumberNoMaximum value on the meter scale.
lownumberNoThreshold where value transitions from low to normal.
highnumberNoThreshold where value transitions to high.
optimumnumberNoIdeal target value that optimizes the meter display.
labelstringYesText label displayed above the meter gauge.
showValuebooleanNoWhether to display the numeric value in the header.
formatValue(value: number) => stringNoFunction to format the displayed numeric value.
classstringNoCSS class to apply to the meter container.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation

Feedback & Overlays Run the canonical package-owned example in the Playground. UI showcase Read the curated UI story for mechanism and usage guidance. smrt-ui package reference See package status, version, limitations, and all public subpaths.