Flex

Usage

import { Flex } from "@raystack/apsara/v1";
 
<Flex direction="column" justify="center">
  <Flex direction="row" gap="medium"></Flex>
  <Flex direction="row" align="center"></Flex>
</Flex>;

Flex Props

Prop	Type	Default
`gap`	`"extra-small" \| "small" \| "medium" \| "large" \| "extra-large"`	-
`wrap`	`"nowrap" \| "wrap" \| "wrap-reverse"`	-
`justify`	`"start" \| "end" \| "center" \| "between"`	-
`align`	`"start" \| "end" \| "center" \| "baseline" \| "stretch"`	-
`direction`	`"row" \| "rowReverse" \| "column" \| "columnReverse"`	-
`className`	`string`	-

Flex

Usage

Flex Props

On this page