Card Group

CardGroup component allows you to group multiple Card components together to display a set of cards.

Example

Card 1

Card content 1.

Card 2

Card content 2.

Card 3

Card content 3.

Card 4

Card content 4.

Code:

<CardGroup cols={2}>
    <Card title="Card 1" icon="material-two-tone-storefront">
        Card content 1.
    </Card>
    <Card title="Card 2" icon="material-two-tone-business_center">
        Card content 2.
    </Card>
    <Card title="Card 3" icon="material-two-tone-cottage">
        Card content 3.
    </Card>
    <Card title="Card 4" icon="material-two-tone-corporate_fare">
        Card content 4.
    </Card>
</CardGroup>

Parameter Description

CardGroup

cols

number

Number of columns

required

Define the number of columns in the card set

Example#

Parameter Description#

Example

Parameter Description