Stack is a layout component for arranging content in a single row or column with consistent, token-based spacing. Spacing within a Stack is consistent and cannot vary between items.
Using Stack is optional. There will be places where custom spacing (using Spacing tokens) will be more appropriate, like when a layout needs independent control rather than consistent spacing. See Spacing for general guidelines.
Anatomy
Anatomy summary lists and describes all the elements within a component (including nested components).
Variants
This component does not physically exist in Figma, where the equivalent is Figma’s gap and padding properties applied to the design elements or components.
See the Code tab for more information on the code implementation.
Recommended reading
Other documentation that will help guide your thinking when working with this component.
Help and support