Angular アイコンライブラリ(セット非依存)| ng-hub-ui-icons

セット非依存の Angular アイコン:Font Awesome、Bootstrap Icons、Material Symbols、Solar、独自 SVG を 1 つの <hub-icon> / [hubIcon] API で描画し、CSS 変数でテーマ化。

API リファレンス

icons の完全な仕様をここにまとめました。バインド、リッスン、プロジェクション、テーマ設定ができるすべてが一か所に集約されています。必要なものを接続し、好きなようにスタイリングしてください — standalone で signal フレンドリーです。

インプット

7 個のインプットで icons を調整。通常の Angular @Input と同じようにバインドできます。

名前デフォルト説明
name必須stringアイコン名。pack:variant:name の短縮形に対応。
packstringdefaultPackパックのキー。短縮形のパックと設定済みの defaultPack より優先。
variantstringバリアント。短縮形のバリアントとパック既定値より優先。
size (hub-icon)string1emインスタンスごとのサイズ。--hub-icon-size に設定(hub-icon のみ)。
color (hub-icon)stringcurrentColorインスタンスごとの色。--hub-icon-color に設定(hub-icon のみ)。
label (hub-icon)stringアクセシブルなラベル:role="img" + aria-label を設定。無い場合は装飾的(hub-icon のみ)。
spin (hub-icon)booleanfalseアイコンを連続回転(ローダーなど)(hub-icon のみ)。

アウトプット

アウトプットはまだドキュメント化されていません。

テンプレート

テンプレートはまだドキュメント化されていません。