Columns

Examples

Organize children into multiple components based on available width.

Box 1
Box 2
Box 3
Box 4
Box 5
Box 6

Properties

justify start|center|between|end
How to align the contents along the main axis.
masonry true|false
Whether to fill the columns from left-to-right based on the component width (set with size). Defaults to false. The max number of columns can be set with maxCount.
maxCount number
Number of columns to allow for masonry option, based on component width. Responds based on the width of the column children (set with size).
responsive true|false
Whether masonry columns should collapse into single, full-width column when the display area narrows (to achive similar behavior as responsive Tiles). Defaults to true.
size small|medium|large
The width of each column. Defaults to medium.