Columns

Show cards side by side in a grid format

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.