Angular-Icon-Bibliothek (set-agnostisch) | ng-hub-ui-icons
Set-agnostische Angular-Icons: rendere Font Awesome, Bootstrap Icons, Material Symbols, Solar oder eigene SVGs über eine <hub-icon> / [hubIcon]-API, thematisiert mit CSS-Variablen.
API-Referenz
Hier ist der vollständige Vertrag für icons: alles, was du binden, abhören, projizieren und gestalten kannst, an einem Ort gesammelt. Verdrahte, was du brauchst, und gestalte, was du willst — es ist standalone und Signals-freundlich.
Inputs
Stelle icons mit 7 Inputs ein. Binde sie wie jeden Angular-@Input.
| Name | Typ | Standard | Beschreibung |
|---|---|---|---|
nameErforderlich | string | — | Icon-Name. Akzeptiert die Kurzform pack:variant:name. |
pack | string | defaultPack | Pack-Schlüssel; überschreibt ein Kurzform-Pack und den konfigurierten defaultPack. |
variant | string | — | Variante; überschreibt eine Kurzform-Variante und die Pack-Vorgabe. |
size (hub-icon) | string | 1em | Größe pro Instanz, geschrieben nach --hub-icon-size (nur hub-icon). |
color (hub-icon) | string | currentColor | Farbe pro Instanz, geschrieben nach --hub-icon-color (nur hub-icon). |
label (hub-icon) | string | — | Barrierefreies Label: setzt role="img" + aria-label; ohne es ist das Icon dekorativ (nur hub-icon). |
spin (hub-icon) | boolean | false | Dreht das Icon kontinuierlich, z. B. für Ladeanzeigen (nur hub-icon). |
Outputs
Noch keine Outputs dokumentiert.
Templates
Noch keine Templates dokumentiert.