Ring-style charts with center content for hierarchical data and status displays.
npx linspo-ui add donut-chartlucide-react3 segments
100
Total
| Prop | Type | Default | Description |
|---|---|---|---|
data* | DonutChartDataPoint[] | — | Array of data points with label and value properties. |
className | string | — | Additional CSS classes to apply to the container. |
title | string | — | Title displayed in the chart header. |
metric | string | "Task Status" | Label for the metric being displayed. |
showLegend | boolean | true | Whether to show the legend alongside the chart. |
innerRadius | number | 25 | Inner radius of the donut hole. |
colors | string[] | — | Array of colors for each segment. |