KB-246 · STATS/SHARE/DIAL

Share Dial Stats

A share-of-everything stats section: the dial is the library's own donut — slices that pop out under the pointer, a centre readout that follows the active slice — beside two notes that say what the shares mean. Proportions carry this story better than counts, and the dial is built for exactly that reading.

KB-246 · STATS/SHARE/DIAL

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/stats-share-dial

Props

PropTypeDefaultDescription
segments / totalLabel / formatDonutSegment[] · string · (v) => stringThe dial, straight into donut-breakdown.
notesShareNote[]What the shares mean, in two short arguments.