Библиотека иконок для Angular (агностичная) | ng-hub-ui-icons
Иконки Angular, не зависящие от набора: отрисовка Font Awesome, Bootstrap Icons, Material Symbols, Solar или собственных SVG через единый API <hub-icon> / [hubIcon] с темизацией CSS-переменными.
Справочник API
Вот полный контракт icons: всё, что можно привязать, прослушать, спроецировать и тематизировать, собрано в одном месте. Подключите то, что нужно, и оформите так, как хотите — это standalone и дружит с сигналами.
Входные свойства
Настройте icons с помощью 7 входных свойств. Привязывайте их, как любой @Input в Angular.
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
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). |
События
События пока не задокументированы.
Шаблоны
Шаблоны пока не задокументированы.