Baustein UI

Layer · Layout

Beta

Layout.

Structural components — control arrangement, not content. Currently bau-stack ships as the flex primitive with token-driven gap.

bau-stack

Flex · Primitive

Vertical or horizontal container. Gap from token. Align and justify options for full flex control without a class orgy.

direction

column (default)

Item A Item B Item C

row

Item A Item B Item C

align

start · center · end · stretch

start center end stretch

justify

start · center · between · end

A B A B A B A B

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

Planned for Layout: bau-inline, bau-grid, bau-container, bau-split, bau-rail, bau-dock, bau-shell.