GaugeChart
GaugeChart Component
Playground
72Progress
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| value | number | — | |
| max | number | — | |
| label | text | — | |
| color | color | — | |
| size | number | — |
Default
72Progress
CustomColor
45Usage
Small
80CPU
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
color | color | — | Arc color |
label | text | — | Label text |
max | number | — | Maximum value |
size | number | — | Size in pixels |
value | number | — | Current value |
Using GaugeCharttsx
import { GaugeChart } from '@/components/GaugeChart'
<GaugeChart
value="..."
max="..."
label="..."
color="..."
size="..."
/>Tokens Used
No design tokens detected