Stack

Syntactic sugar around the <Flex /> component when used in a vertical direction. All properties which can be provided to <Flex /> are available here apart from direction.

Examples

Stack

View standalone

Item 1

Item 2

Item 3

Code

<Stack gap="12px">
  <Placeholder>
    Item 1
  </Placeholder>
  <Placeholder>
    Item 2
  </Placeholder>
  <Placeholder>
    Item 3
  </Placeholder>
</Stack>

Props

`as`

ElementType<any>

`atoms`

Applies permitted design system styles. See styling documentation for more.