Dinachi

Meter

A visual representation of a scalar measurement within a known range.

View Source

#Installation

npx @dinachi/cli@latest add meter

#Usage

tsx
import { Meter, MeterTrack, MeterIndicator, MeterLabel, MeterValue } from "@/components/ui/meter"

#Examples

#API Reference

PropTypeDefaultDescription
valuenumberThe current measured value.
minnumber0The minimum value of the measurement range.
maxnumber100The maximum value of the measurement range.
MeterValue.childrenReact.ReactNodeOptional custom rendered textual value.