Block 219 of 260
Donut Chart
How a total breaks down, with the total in the center and values and percentages in the legend.
- Puck key
- DonutChartBlock
- Export
- donutChartBlock
- React component
- <DonutChart />
- Path
- components/puck/donut-chart-block.tsx
- Dependencies
- None
Editor fields
What content editors see in the P1 sidebar when they select this block.
- Titletext
- Heading levelselect
- Subtitle or periodtext
- Segmentsarray
- Center valuetext
- Center labeltext
- Value prefixtext
- Value suffixtext
- Footnotetext