Skip to main content
The Columns component lets you group multiple Card components together. It’s most often used to put cards in a grid, by specifying the number of grid columns. Columns are responsive and automatically adjust for smaller screens.

Get started

Set up your project with our quickstart guide.

API reference

Explore endpoints, parameters, and examples for your API.
Columns example
<Columns cols={2}>
  <Card title="Get started">
    Set up your project with our quickstart guide.
  </Card>
  <Card title="API reference">
    Explore endpoints, parameters, and examples for your API.
  </Card>
</Columns>

​
Properties

​
cols
number
default:2
The number of columns per row. Accepts values from 1 to 4.