Stack
Layout

Stack.

A spacing-aware flex layout primitive.

Real interactive component
Live demo
Stack

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

5 props
ParameterTypeRequiredDefaultPossible valuesDescription
childrenReactNodeNo——Flex row or column children.
gapnumberNo3—Spacing units (4px each).
direction"row" | "column"Nocolumnrow · columnLayout direction.
alignCSSProperties['alignItems']Nostretchstretch · center · start · end · baselineCSS flex alignment.
classNamestringNo——Custom class.