# 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.