Classes list
Every class Donut recognizes, straight from the @flickui/css source.
| Class | Purpose |
|---|---|
.donut | Base class — required |
.donut-graphic | Wraps the SVG and the centered value/caption |
.donut-svg / .donut-track | The SVG element and its full-circle background ring |
.donut-arc | A single proportion's colored arc — set stroke-dasharray inline |
.donut-arc-{intent} | Recolors an individual arc (for multi-segment donuts) |
.donut-center / .donut-value / .donut-caption | Wraps and renders the centered text |
.donut-legend / .donut-legend-item | List of legend entries below/beside the graphic |
.donut-legend-dot / -dot-{intent} | The colored swatch in a legend row |
.donut-mode-value | Rounded arc end-caps, for a single clean-looking value arc |