Sectors Donut
A sector allocation donut for ETF and fund pages that shows each sector weight and dims the rest while you hover one.
Sectors Donut
A sector allocation donut for ETF and fund pages that shows each sector weight and dims the rest while you hover one.
When to use it
Allocation and composition, where the reader wants one slice at a time rather than the whole distribution at once. The legend cross-highlight is what makes it usable above about five categories, where donuts normally fail.
Props · SectorsDonut
| Prop | Type | Default |
|---|---|---|
| symbol? | string | "SPY" |
| caption? | string | "of 503 holdings" |
| sectors? | DonutSector[] | DEFAULT_SECTORS |
| colors? | string[] | DEFAULT_COLORS |
Generated from the component source. Run npm run props:extract after changing a signature.