Layout

Flex

A flexible layout primitive built on CSS flexbox. Use it to arrange items horizontally or vertically with precise control over alignment, justification, gap and wrapping.

1
2
3
import { Flex } from "@empreint/ui";

<Flex gap="3">
	<div>Item 1</div>
	<div>Item 2</div>
	<div>Item 3</div>
</Flex>

Props

Prop

Type

CSS Variables

Prop

Type