Theme
Stack
Children in a column with one gap between them.
Examples
One
Two
Three
One
Two
Props
Stack
Children in a column with one gap between them.
| Prop | Type | Default | Description |
|---|---|---|---|
as? | ElementType | "div" | |
gap | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | — | The space between children, from the space scale. |
align? | "center" | "end" | "start" | "baseline" | "stretch" | — | |
children | ReactNode | — |
Accessibility
- No interaction of its own: it is static content, so there is nothing to operate by keyboard.
- Built from logical properties (inline and block), so it mirrors in right-to-left text.