DonutChart
A DonutChart component from the Sigil design system.
import { DonutChart } from "@sigil-ui/components";
<DonutChart>...</DonutChart>
| Prop | Type | Default | Description |
|---|
segments | DonutSegment[] | — | — |
width | number | — | — |
height | number | — | — |
thickness | number | 24 | Ring thickness (px). |
centerLabel | string | — | Center text (e.g. total label). |
centerValue | string | — | Center value. |
| CSS Variable | Purpose |
|---|
--s-primary | Primary |
--s-success | Success |
--s-warning | Warning |
--s-error | Error |
--s-info | Info |
--s-chart-neutral | Chart neutral |
--s-text | Text |
--s-font-mono | Font mono |
--s-text-muted | Text muted |