Circular charts showing proportional data and percentage breakdowns with smooth hover interactions.
npx linspo-ui add pie-chartlucide-react4 segments
100
Total
| Prop | Type | Default | Description |
|---|---|---|---|
data* | PieChartDataPoint[] | — | 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 | "Traffic Sources" | Label for the metric being displayed. |
showLegend | boolean | true | Whether to show the legend alongside the chart. |
colors | string[] | — | Array of colors for each segment. |