Stack

What is this?

Stack is a layout component that makes it easy to stack elements together and apply a space between them.

Space

Direction

Fluid

ReferenceError: Box is not defined

Align

ReferenceError: Box is not defined

Responsive

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

• What is this?
• Space
• Direction
• Fluid
• Align
• Responsive