Layout

Grid

A two-dimensional layout primitive built on CSS grid. Use it to arrange items in rows and columns with precise control over the number of columns and the gap between them.

1
2
3
4
5
import { Grid } from "@empreint/ui";

<Grid cols={3} gap="md">
	<div>Item 1</div>
	<div>Item 2</div>
	<div>Item 3</div>
	<div>Item 4</div>
	<div>Item 5</div>
</Grid>

Props

Prop

Type

CSS Variables

Prop

Type