API リファレンス

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

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

名前	型	デフォルト	説明
`name (hub-icon)`必須	`string`	—	アイコン名。pack:variant:name の短縮形に対応。
`name ([hubIcon])`	`string`	`''`	[hubIcon] ディレクティブでのアイコン名。省略可能で、省略時はディレクティブ自体にバインドした値を使用。
`hubIcon ([hubIcon])`	`string`	`''`	ディレクティブ属性 [hubIcon]="'house'" でバインドするアイコン名。両方指定した場合は 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`	`string`	—	アクセシブルなラベル：role="img" + aria-label を設定。無い場合は装飾的。hub-icon と [hubIcon] の両方で使えます。
`spin (hub-icon)`	`boolean`	`false`	アイコンを連続回転（ローダーなど）（hub-icon のみ）。

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

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