Primitive

Distribution

Part-to-whole bar list for dense summary data.

Distribution is for small labeled shares. Use it when comparison matters more than exact chart reading.
data
DOM renderImage render
DistributionDefault
Direct routing
47%
Review queue
28%
Autonomous handoff
18%

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Labeled part-to-whole allocation bars.
Direct routing
47%
Review queue
28%
Autonomous handoff
18%
Render state

Signals

Distribution rows using the full progress tone vocabulary.
Accepted
64%
Needs review
22%
Escalated
9%
Blocked
5%
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
data *readonly { label: string; value: number; intent?: ProgressIntent }[]-Part-to-whole rows.