Row

Row is the default horizontal flex container — use it instead of a plain div for side-by-side layouts. Pass gap, align, and justify directly.

#Example

#Surface theme

Like Box, when Row 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 placing children side by side with consistent spacing.

#When not to use

• If you're stacking children vertically, use a Column instead.
• If the container shouldn't be a flex parent, use a Box instead.

#Props

Inherits all flex props.