DonutChart
DonutChart Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| size | number | — | |
| thickness | number | — | |
| centerLabel | text | — |
Default
ThreeSegments
WithCenterLabel
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
centerLabel | text | — | Center label text |
size | number | — | Chart size |
thickness | number | — | Ring thickness |
Using DonutCharttsx
import { DonutChart } from '@/components/DonutChart'
<DonutChart
size="..."
thickness="..."
centerLabel="..."
/>Tokens Used
No design tokens detected