Layout

Flex

A high-level layout component that abstracts common flexbox patterns into semantic props.

Row Center

Space Between

Props

Prop	Type	Description
`direction`	`'row' \| 'column' \| ...`	Flex direction mapping
`justify`	`'start' \| 'center' \| 'between' \| ...`	Horizontal alignment mapping
`align`	`'start' \| 'center' \| 'stretch' \| ...`	Vertical alignment mapping
`gap`	`number`	Spacing between children in pixels
`wrap`	`'wrap' \| 'nowrap' \| ...`	Flex wrap behavior

$npx kachindo-ui add flex