Masonry is a grid layout that allows varying image dimensions with equal spacing. Unlike common grids, the rows are not confined to fixed heights. Simpler implementations of this layout like the CSS multi-column layout flows on a column-by-column basis. However, this has a sinistrodextral flow (left-to-right) by rows. The name masonry stems from the similarity of the layout to mason fitting stones.
import Masonry from '@ui-pack/react/masonry'
- There is a web masonry API currently implemented only by Firefox behind a flag. Read more
- Rachel Andrew describes the web native masonry here
oneOfType: string, function
oneOfType: string, number
oneOfType: string, numberrequired
CSS style for container