Columns


Examples

Fluid
Fluid

margin
Learn More
align
string
Possible values:
"left"
"right"
"center"
Horizontal alignment of the columns
alignY
string
Possible values:
"top"
"bottom"
"center"
Vertical alignment of the columns
collpaseBelow
string
Possible values:
"xs"
"sm"
"md"
"lg"
"xl"
Child columns vertically stack below this breakpoint
children
node
The content of the columns – Use the `Column` component only
reverse
bool
Reverses the order of the columns
space
string
default: 500
Gutter between columns

None


children
node
The content of the column
width
number | 'content'
Width of the column. For example, 1/3 | 2/5 | 'content'.