Table of Contents#
Masonry Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode[] | - | Array of elements to be displayed in the masonry grid layout. |
| columnCount | { sm: number; md: number; lg: number; xl: number } | { sm: 1, md: 2, lg: 3, xl: 4 } | Number of columns to display at different screen sizes. |
| gap | number | 4 | Gap between items in the masonry grid (in pixels or spacing units). |
| className | string | '' | Additional CSS classes for the masonry container. |
| ...rest | HTMLAttributes<HTMLDivElement> | - | Any other HTML div attributes passed to the masonry container. |