Stack
What is this?
Stack is a layout component that makes it easy to stack elements together and apply a space between them.
Space
Loading...
Direction
Loading...
Fluid
Loading...
Align
Loading...
Responsive
Loading...
Usage
import { Stack } from '@vtex/admin-ui'
function Example() {
return <Stack>{/* Stacked elements */}</Stack>
}
Props
Extends div props
| Name | Type | Description | Required | Default |
|---|---|---|---|---|
| direction | ResponsiveProp<'row', or 'column'> | Direction of items | 🚫 | 'column' |
| fluid | ResponsiveProp<boolean> | If the items should grow in width to match the container | 🚫 | false |
| space | ResponsiveProp<CSSPropAutocomplete<SpaceTokens>> | Space between items | 🚫 | 0 |
| align | ResponsiveProp<'start' or 'end'> | Items alignment | 🚫 | start |