Meter
Show a measured value within a known range.
Preview
Import
import { Meter } from "@sigil-ui/components";Usage
<div className="flex flex-col gap-2 w-full max-w-sm">
<Meter value={72} max={100} label="Storage" />
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | The current controlled value. |
max | number | — | Largest allowed value. |
label | string | — | Readable label for the component. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-error | Error |
--s-warning | Warning |
--s-primary | Primary |
--s-text | Text |
--s-text-muted | Text muted |
--s-radius-full | Radius full |
--s-border | Border |
--s-duration-normal | Duration normal |