Components
Allocation donut ring with a centered symbol and legend cross-highlight — hovering a legend row or arc dims the rest so one weight reads at a time. Light and dark via shadcn theme tokens; respects reduced motion.
Loading preview...
import { SectorsDonut } from "@/components/ui/sectors-donut"
export default function DemoOne() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center bg-background p-8">
<SectorsDonut />
</div>
)
}