Stack
Component that sets component spacing. It can be used to add space between components such as a menu.
Examples
Blocks
This component is used in the following Blocks:
Theme
This component uses the following default theme:
- root{}(6 keys)
- Show all
Learn more about how to customize in the Theme documentation.
API
| Prop | Description | Default |
|---|---|---|
dense | If true, the stack will be dense.boolean | false |
inline | If true, the stack will be inline.boolean | false |
direction | The direction of the stack."row" | "column" | "rowReverse" | "columnReverse" | row |
alignItems | How the content is arranged inside the stack."start" | "end" | "center" | "stretch" | center |
justifyContent | How the content is arranged inside the stack."start" | "end" | "center" | "spaceBetween" | start |
theme | Theme for the Stack.StackTheme | |
ref | Reference to the stack element.LegacyRef<HTMLDivElement> |