Box
No guidance is written for this component. Write it in content/components/box.md — the build reads that path from this page's route and merges the file in here.
Where it exists
ui-box--default (open it in Storybook). One of 3 stories. Drag the bottom edge to resize. ⚠️ The frame renders the component at the frame's own width, so in a narrow pane you are seeing a narrow rendering rather than the canonical one.| axis | value |
|---|---|
| React module | yes — shared UI library |
| React tier | library |
| CSS class | .c-box |
| CSS files | box.css |
| Storybook | yes |
| Figma | not mapped |
| Uses in product | 494 |
| Uses in admin | 447 |
| Seen as | css-class-attribute, jsx-tag |
| Join provenance | inferred: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.
Box.Content— 64 uses in the productBox.Footer— 6 uses in the productBox.Header— 75 uses in the product