Grid
Grid Component
Playground
1
2
3
4
5
6
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| columns | number | — | |
| gap | text | — |
Default
1
2
3
4
5
6
TwoCols
1
2
3
4
FourCols
1
2
3
4
5
6
7
8
LargeGap
Card 1
Card 2
Card 3
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
columns | number | — | Number of columns |
gap | text | — | Gap between items |
Using Gridtsx
import { Grid } from '@/components/Grid'
<Grid
columns="..."
gap="..."
/>Tokens Used
No design tokens detected