Masonry
Masonry Component
Playground
1
2
3
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| columns | number | — | |
| spacing | number | — |
Default
1
2
3
TwoColumns
1
2
3
4
5
6
FourColumns
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
columns | number | — | Number of columns |
spacing | number | — | Gap between items in px |
Using Masonrytsx
import { Masonry } from '@/components/Masonry'
<Masonry
columns="..."
spacing="..."
/>Tokens Used
No design tokens detected