⊞
Grid
CSS Grid layout.
Layout
Variants
Item 1
Item 2
2 Columns
Props:
cols="2" Item 1
Item 2
Item 3
3 Columns
Props:
cols="3" Item 1
Item 2
Item 3
Item 4
4 Columns
Props:
cols="4" Props / API
| Prop | Type | Default | Description |
|---|---|---|---|
cols | number | 3 | Number of columns |
gap | string | md | Gap size: sm, md, lg |
Usage
<Grid cols={3} gap="md">Items</Grid>