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