Donut
Circular donut / ring progress indicator.
Import
import { Donut } from "neoterm-ui";Usage
<Donut value={72} label="CPU" />
<Donut value={45} max={100} color="var(--cyan)" size={80} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Current value. |
| max | number | 100 | Maximum value. |
| size | number | 64 | Diameter in px. |
| strokeWidth | number | 4 | Ring thickness. |
| color | string | var(--chart-1) | Ring fill color. |
| trackColor | string | var(--border) | Background ring color. |
| label | string | — | Center label text. |