Gauge
Semi-circular gauge meter for displaying a value within a range.
Import
import { Gauge } from "neoterm-ui";Usage
<Gauge value={67} label="Memory" />
<Gauge value={90} max={100} color="var(--destructive)" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Current value. |
| max | number | 100 | Maximum value. |
| size | number | 80 | Diameter in px. |
| strokeWidth | number | 5 | Arc thickness. |
| color | string | var(--chart-1) | Arc fill color. |
| label | string | — | Label below the gauge. |
| showValue | boolean | true | Display the numeric value. |