Docs

Back to component list

Columns

Display content next to each other.

Note:

If you need to use multiple elements within a column or want control over colors, you should use the <Column/> element to wrap a single column.

NameDefault
children
noderequired
maxColumns
number

Maximum number of columns. Defaults to number of items.

template
string

Custom css grid columns template. Applied at the first breakpoint.

See: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns

reverseAt
number

Reverse the order of all columns as soon given breakpoint is reached

center
boolfalse

Center text content



Back to component list