column-layout.md

Column layout (ColumnLayout)

Enables you to position content in columns.

Properties

borders

Controls whether dividers are placed between rows and columns.

Type: String

Valid values: none | vertical | horizontal | all

Required: No

className

Adds the specified classes to the root element of the component.

Type: String

Required: No

columns

Specifies the number of columns in each grid row. Valid values are any integer between 1 and 4.

Type: Number

Required: No

disableGutters

Determines whether the default gutters between columns are removed.

Type: Boolean

Default: false

Valid values: true | false

Required: No

id

Adds the specified ID to the root element of the component.

Type: String

Required: No

variant

Specifies the content type. This determines the spacing of the grid.

Type: String

Valid values: default | text-grid

Required: No

Slots

children

The columns to render.

License Summary

The documentation is made available under the Creative Commons Attribution-ShareAlike 4.0 International License. See the LICENSE file.