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 の短縮形に対応。 |
pack | string | defaultPack | パックのキー。短縮形のパックと設定済みの defaultPack より優先。 |
variant | string | — | バリアント。短縮形のバリアントとパック既定値より優先。 |
size (hub-icon) | string | 1em | インスタンスごとのサイズ。--hub-icon-size に設定(hub-icon のみ)。 |
color (hub-icon) | string | currentColor | インスタンスごとの色。--hub-icon-color に設定(hub-icon のみ)。 |
label (hub-icon) | string | — | アクセシブルなラベル:role="img" + aria-label を設定。無い場合は装飾的(hub-icon のみ)。 |
spin (hub-icon) | boolean | false | アイコンを連続回転(ローダーなど)(hub-icon のみ)。 |
アウトプット
アウトプットはまだドキュメント化されていません。
テンプレート
テンプレートはまだドキュメント化されていません。