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.

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
default:2
The number of columns per row.