Stack

Flex layout component for vertical/horizontal stacking.

Import

import { Stack } from '@kikumi3n/ui';

Usage

<Stack direction="vertical" gap={4}>
  <Button>First</Button>
  <Button>Second</Button>
</Stack>

<Stack direction="horizontal" gap={2} align="center">
  <Avatar />
  <Text>Username</Text>
</Stack>

API

Prop	Type	Default	Description
direction	`'horizontal'	'vertical'`	'vertical'
gap	`string	number`	—
align	CSSProperties["alignItems"]	—	Cross-axis alignment
justify	CSSProperties["justifyContent"]	—	Main-axis alignment
as	`'div'	'section'	'nav'