Skip to main content

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

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, keyof IntrinsicElements>