Breakdown Dial

component

A card with a 270° dial of 42 ticks split between a few groups, the total in its centre, and a row per group with its count and share; hovering a group isolates its ticks.

pnpm dlx shadcn@latest add "https://bash-ui-registry.vercel.app/r/breakdown-dial.json"

Sign In

Breakdown Dial

component

A card with a 270° dial of 42 ticks split between a few groups, the total in its centre, and a row per group with its count and share; hovering a group isolates its ticks.

pnpm dlx shadcn@latest add "https://bash-ui-registry.vercel.app/r/breakdown-dial.json"

components/breakdown-dial.tsx