Column

Column is the default vertical flex container — use it instead of a plain div for stacked layouts. Pass gap, align, and justify directly.

#Example

#Surface theme

Like Box, when Column is given a recognized white or grey bg it sets CSS variables that descendant form elements use to invert their resting background. See Form Elements.

#Guidelines

#When to use

• When stacking children vertically with consistent spacing.

#When not to use

• If you're placing children side by side, use a Row instead.
• If the container shouldn't be a flex parent, use a Box instead.

#Props

Inherits all flex props.