カード

Cardを使ってカードコンポーネントを定義します。

効果

カードのタイトル

こちらはカードのコンテンツです

コード：

<Card title="カードのタイトル" > 
こちらはカードのコンテンツです
</Card>

カードのコンテンツは Markdownの記法に従います。

アイコン付きカード

こちらはカードのコンテンツです

コード：

<Card title="アイコン付きカード" icon="material-two-tone-storefront" > 
こちらはカードのコンテンツです
</Card>

クリックしてリダイレクトする

カードをクリックすると、Apidogの公式サイトにリダイレクトされます。

コード：

<Card title="クリックで飛べるカード" href="https://apidog.com" icon="material-two-tone-storefront">
カードをクリックすると、Apidogの公式サイトにリダイレクトされます。
</Card>

カードの

カードの内容

コード：：

<Card title="カードの" class="text-center text-xl font-bold">
カードの内容
</Card>

カードの

カードの内容

コード：：

<Card title="カードの" style="background-color: #f0f0f0; padding: 10px;">
カードの内容
</Card>

Card