Components/Masonry

Masonry

CSS multi-column masonry grid for varied-height content.

Installation

Examples

Photo masonry

Images fill columns naturally with varying heights.

masonry 0
masonry 1
masonry 2
masonry 3
masonry 4
masonry 5

API Reference

PropTypeDefaultDescription
columnsnumber3Number of columns.
gapnumber|string4Gap between items.
children*ReactNoderequiredItems to display.