A meter represents a quantity within a known range, or a fractional value. Meters are often used to represent a percentage or a ratio.
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | null | Content to be displayed inside the meter. |
| className | string | "" | Additional classes to apply to the meter container. |
| variant | "primary" | "destructive" | "outline" | "accent" | "primary" | Visual variant of the meter, affecting colors and styles. |
| ...props | ReactAriaMeterProps | Additional props to be passed to the underlying ReactAriaMeter component. |
Checkout the official documentation of React Aria Meter for more information.