Block stack

Use to display children vertically and horizontally with full width by default. Based on CSS Flexbox.

Props

No props found for this component, run `yarn gen:docs` to generate component meta first.

Slots

No slots found for this component, run `yarn gen:docs` to generate component meta first.

Best practices

Stacks should:

• Not be used for complex or unique arrangements of components
• Not be used for large-scale page layout

---

Related components

• To display elements horizontally, use the InlineStack component

Related resources

• BlockStack props are named following the convention of CSS logical properties, such as align="start" vs. align="top" and inlineAlign="end" vs. verticalAlign="right". Learn more about CSS logicial properties.