@seabass-ui/layout NPM

@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

react-native-component react-component react-native ios android

@seabass-ui/flexbox react-keyed-flatten-children

@infinitebrahmanuniverse/nolb-_sea @everything-registry/sub-chunk-815

0.1.0

3 years ago