Bar

Bars represent numeric values visually.

No guidance is written for this component. Write it in content/components/bar.md — the build reads that path from this page's route and merges the file in here.

Where it exists

Figma contact sheet: all 13 variants of the Bar component set, laid out in the design library's own grid.
Figma — the Bar set, 13 variants. Downloaded and served from this site, so it cannot expire; it is a picture of the library as it stood when the sheet was captured, not a live view. Values are never readable from it — the token pages carry those.
axisvalue
React moduleyes — local component
React tierlibrary
CSS class.c-bar
CSS filesbar.css
Storybooknone
FigmaBar, Bar
Uses in product1
Uses in admin0
Seen asjsx-tag
Join provenanceinferred:kebab

An empty cell above is a measurement, not an omission: every axis is printed whether or not it is populated. What each one costs is on /gaps.md, linked from the axis name wherever this page has a gap.

Members

A member is attached to its parent at module scope, so it is imported through the parent and versioned with it. Members have no page of their own: they declare no CSS class, carry no story and join no Figma set, and their uses are counted against the parent rather than separately.

None. Nothing is attached to this component as a member.