@seabass-ui/layout

Use to create distributed items with a constant space between into a column or a row. A Stack wraps each children of the stack in a Box that handles the spacing.

Example

<Stack space={3} px={2}>
  <Stack space={2} vertical={false}>
    <Placeholder />
    <Placeholder />
    <Placeholder />
  </Stack>
  <Stack space={2} vertical={true}>
    <Placeholder />
    <Placeholder />
    <Placeholder />
  </Stack>
</Stack>

Stack properties