Bibliothèque d'icônes Angular (agnostique) | ng-hub-ui-icons
Icônes Angular indépendantes du jeu : affichez Font Awesome, Bootstrap Icons, Material Symbols, Solar ou vos propres SVG via une seule API <hub-icon> / [hubIcon], thématisées par variables CSS.
Référence API
Voici le contrat complet de icons : tout ce que vous pouvez lier, écouter, projeter et personnaliser, réuni au même endroit. Branchez ce dont vous avez besoin et stylisez ce que vous voulez — c’est standalone et compatible avec les signals.
Inputs
Réglez icons à votre goût avec 7 inputs. Liez-les comme n’importe quel @Input Angular.
| Nom | Type | Par défaut | Description |
|---|---|---|---|
nameObligatoire | string | — | Nom de l'icône. Accepte le raccourci pack:variant:name. |
pack | string | defaultPack | Clé du pack ; remplace le pack du raccourci et le defaultPack configuré. |
variant | string | — | Variante ; remplace la variante du raccourci et celle du pack. |
size (hub-icon) | string | 1em | Taille par instance, écrite dans --hub-icon-size (hub-icon uniquement). |
color (hub-icon) | string | currentColor | Couleur par instance, écrite dans --hub-icon-color (hub-icon uniquement). |
label (hub-icon) | string | — | Libellé accessible : définit role="img" + aria-label ; sans lui l'icône est décorative (hub-icon uniquement). |
spin (hub-icon) | boolean | false | Fait tourner l'icône en continu, p. ex. pour les indicateurs de chargement (hub-icon uniquement). |
Outputs
Aucun output documenté pour le moment.
Templates
Aucun template documenté pour le moment.