機能説明

テナントで管理されているアイコンを表示するためのコンポーネントです。このコンポーネントではアイコンIDを指定することでテナントで管理されているアイコンを表示することが可能です。
テナントが管理しているアイコンを選択する場合はimuiIconPickerタグを利用してください。
アイコン管理画面でステータスが非公開となっているアイコンIDを指定した場合もアイコンは表示されます。
テナント上に存在しないアイコンIDを指定した場合、アイコンが存在しないことを表すアイコンが表示されます。このアイコンは、通常横32px縦32pxのサイズで表示されます。
指定したアイコンIDが存在しない場合も含め、このタグで表示されるアイコンのサイズを固定としたい場合はstyle属性にてwidthとheightを指定してください。
style属性の指定方法については サンプル を参照してください。
タグにアイコンIDが指定されていない場合は、このタグは何も出力されません。

属性一覧

注釈 属性名 説明 省略時の動作
必須
iconId String 表示したいアイコンIDを指定します。 -
id String 生成される要素のid属性として設定されます。 ユニークな文字列が生成されます。
name String 生成される要素のname属性として設定されます。 ユニークな文字列が生成されます。
無害化 その他 String span タグに出力する任意の属性を指定します。 -

サンプル

アイコン表示

アイコン表示
iconId属性で指定したアイコンを表示します。
プレゼンテーションページ
<imart type="imuiShowIcon" iconId="im-ui-icon-common-32-tick_32" style="width: 32px; height: 32px;" />

テナントに存在しないアイコンID

テナントに存在しないアイコンID
テナントに存在しないアイコンを指定した場合に表示されるアイコンです。
style属性を指定することで横64px、縦64pxのサイズで表示しています。
プレゼンテーションページ
<imart type="imuiShowIcon" iconId="unknown" style="width: 64px; height: 64px;" />