Columns

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.