アイコン Svelte コンポーネント

アイコン Svelte コンポーネントは、アイコン要素を表します。カスタムアイコン、Framework7 アイコン、およびMaterial Iconsで使用できます。

アイコンコンポーネント

次のコンポーネントが含まれています。

アイコン

アイコンプロパティ

プロパティ	型	デフォルト	説明
size	数値文字列		アイコンサイズ（px）
icon	文字列		カスタムアイコンクラス
f7	文字列		F7 アイコンフォントアイコンの名前
material	文字列		Material Icons フォントアイコンの名前
ios	文字列		iOSテーマで使用されるアイコン。アイコンファミリーとアイコン名をコロンで区切ったもの（例：`f7:house`）
md	文字列		Materialテーマで使用されるアイコン。アイコンファミリーとアイコン名をコロンで区切ったもの（例：`material:home`）
tooltip	文字列		アイコンのツールチップテキスト（アイコンにホバー/クリックしたときに表示）
tooltipTrigger	文字列	hover	ツールチップのトリガー（表示）方法を定義します。`hover`、`click`、または`manual`を指定できます。

例

<!--  Default back icon -->
<Icon icon="icon-back" />

<!--  Some custom icon -->
<Icon icon="icon-home" />

<!--  F7 Icons font icon -->
<Icon f7="house" />

<!--  Material Icons font icon -->
<Icon material="home" />

<!--  F7 icons font icon with custom size and color -->
<Icon f7="house" size="44px" color="blue" />

<!--  Conditional icon -->
<Icon ios="f7:house" md="material:home" />

このドキュメントを改善する

このページについて

アイコンコンポーネント
アイコンプロパティ
例