Stack
Vertical flex layout with consistent gap and alignment control.
Default
Item One
Item Two
Item Three
Gap Sizes
gap="xs"
Item 1
Item 2
Item 3
gap="sm"
Item 1
Item 2
Item 3
gap="md"
Item 1
Item 2
Item 3
gap="lg"
Item 1
Item 2
Item 3
gap="xl"
Item 1
Item 2
Item 3
Alignment
align="start"
Short
Medium length
Longer content here
align="center"
Short
Medium length
Longer content here
align="end"
Short
Medium length
Longer content here
align="stretch"
Short
Medium length
Longer content here
Composed
Section title
First paragraph of content.
Second paragraph of content.
Another group of content.
With consistent spacing.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| gap | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "md" | Vertical gap between children. |
| align | "start" | "center" | "end" | "stretch" | "stretch" | Horizontal alignment of children. |
| asChild | boolean | false | Render as the child element via Radix Slot. |