Skip to main content

Interface: StackProps

Defined in: components/Stack/Stack.tsx:47

Props for the Stack component.

Extends​

  • Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className">

Properties​

align?​

optional align?: BoxAlignment

Defined in: components/Stack/Stack.tsx:64

Cross-axis alignment (align-items).

Default​

'stretch'

children?​

optional children?: ReactNode

Defined in: components/Stack/Stack.tsx:70

The items to lay out.

Overrides​

Omit.children

direction?​

optional direction?: StackDirection

Defined in: components/Stack/Stack.tsx:56

Flow direction. vertical stacks children in a column (reads the gap.stack scale); horizontal lays them in a row (reads gap.inline).

Default​

'vertical'

gap?​

optional gap?: GapScaleStep

Defined in: components/Stack/Stack.tsx:62

Space between children, from the gap scale. There is no raw-length vocabulary — rhythm always comes from the scale.

Default​

'md'

justify?​

optional justify?: BoxDistribution

Defined in: components/Stack/Stack.tsx:66

Main-axis distribution (justify-content).

Default​

'start'

wrap?​

optional wrap?: boolean

Defined in: components/Stack/Stack.tsx:68

Allow children to wrap onto multiple lines.

Default​

false