@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 |