Card Groups

The CardGroup component lets you group multiple Card components together. It’s most often used to put multiple cards on the same column.

First Card

This is the first card.

Second Card

This is the second card.

Third Card

This is the third card.

Fourth Card

This is the fourth and final card.

1	<CardGroup cols={2}>
2	<Card title="First Card" icon="circle-1">
3	This is the first card.
4	</Card>
5	<Card title="Second Card" icon="circle-2">
6	This is the second card.
7	</Card>
8	<Card title="Third Card" icon="circle-3">
9	This is the third card.
10	</Card>
11	<Card title="Fourth Card" icon="circle-4">
12	This is the fourth and final card.
13	</Card>
14	</CardGroup>