Flex

Component for flexbox

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

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

On this page