@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

Prop	Type	Description	Default
space	space	Space to be added to the top of each children except first one	0
vertical	bool	Render children vertically or horizontally	true