カード
Card
を使ってカードコンポーネントを定義します。
効果
コード:
<Card title="カードのタイトル" >
こちらはカードのコンテンツです
</Card>
カードのコンテンツは Markdownの記法に従います。
アイコンの設定
コード:
<Card title="アイコン付きカード" icon="material-two-tone-storefront" >
こちらはカードのコンテンツです
</Card>
クリックしてリダイレクトするカード
コード:
<Card title="クリックで飛べるカード" href="https://apidog.com" icon="material-two-tone-storefront">
カードをクリックすると、Apidogの公式サイトにリダイレクトされます。
</Card>
class
属性を使用したTailwind CSSスタイルの適用
コード::
<Card title="カードの" class="text-center text-xl font-bold">
カードの内容
</Card>
style
を使用したスタイルの直接定義
コード::
<Card title="カードの" style="background-color: #f0f0f0; padding: 10px;">
カードの内容
</Card>
パラメータ説明
更新時間 3 months ago