カードグループ

CardGroupコンポーネントは、複数のCardコンポーネントを組み合わせて、カードのグループを表示できます。

効果

カード1

カード1の内容

カード2

カード2の内容

カード3

カード3の内容

カード4

カード4の内容

コード：

<CardGroup cols="2">
    <Card title="カード1" icon="material-two-tone-storefront" > 
        カード1の内容
    </Card>
    <Card title="カード2" icon="material-two-tone-business_center" >
        カード2の内容
    </Card>
    <Card title="カード3" icon="material-two-tone-cottage" >
        カード3の内容
    </Card>
    <Card title="カード4" icon="material-two-tone-corporate_fare" >
        カード4の内容
    </Card>
</CardGroup>

パラメータ説明

CardGroup

cols

number

列の数

必須

カードグループの列数の定義

効果#

パラメータ説明#

効果

パラメータ説明