アイコン
現在、以下のアイコンライブラリを直接サポートしています:Material Design Icons (MDI)、Remix Icon、Lucide Icons。
使用例
コード:
<Icon icon="material-two-tone-storefront"/>
テキスト内でのアイコンの使用
テキスト内に アイコンが挿入されています。
テキスト内に <Icon icon="material-two-tone-storefront"/> アイコンが挿入されています。
アイコンの色を設定する
使用例
コード:
<Icon icon="material-two-tone-storefront" color="blue"/>
アイコンのサイズを設定する
使用例
コード:
<Icon icon="material-two-tone-storefront" size={25}/>
コンポーネント内でのアイコンの使用
折りたたみブロック、折りたたみグループ、カード、カードグループ、ステップ、お知らせ、ハイライトなどのコンポーネントは、アイコンの使用をサポートしています。 ほとんどのコンポーネントは、パラメータ "icon="material-two-tone-storefront"
を追加することでこれを実現しています。
使用例
コード:
<Card title="アイコン付きカード" icon="material-two-tone-storefront" >
これはカードの内容です。
</Card>
パラメータの説明
更新時間 3 months ago