Layer · Layout
BetaLayout.
Structural components — control arrangement, not content. Currently
bau-stack ships as the flex primitive with token-driven gap.
bau-stack
Vertical or horizontal container. Gap from token. Align and justify options for full flex control without a class orgy.
direction
column (default)
row
align
start · center · end · stretch
justify
start · center · between · end
API
| Attribute | Type | Default | Description |
|---|---|---|---|
direction |
'row' | 'column' | 'column' | Flex direction. |
align |
'start' | 'center' | 'end' | 'stretch' | 'stretch' | Cross-axis alignment. |
justify |
'start' | 'center' | 'end' | 'between' | 'start' | Main-axis distribution. |
css custom properties
| Property | Default | Effect |
|---|---|---|
--bau-stack-gap |
var(--bau-space-3) | Spacing between children. |
Roadmap
Planned for Layout: bau-inline, bau-grid,
bau-container, bau-split,
bau-rail, bau-dock, bau-shell.