Librería de iconos para Angular (agnóstica) | ng-hub-ui-icons
Iconos para Angular agnósticos al set: renderiza Font Awesome, Bootstrap Icons, Material Symbols, Solar o tus propios SVG con una sola API <hub-icon> / [hubIcon], tematizados con variables CSS.
Referencia API
Aquí tienes el contrato completo de icons: todo lo que puedes enlazar, escuchar, proyectar y personalizar, reunido en un solo sitio. Enlaza lo que necesites y dale el estilo que quieras — es standalone y reactivo con signals.
Inputs
Ajusta icons a tu gusto con 7 inputs. Se enlazan como cualquier @Input de Angular.
| Nombre | Tipo | Por defecto | Descripción |
|---|---|---|---|
nameObligatorio | string | — | Nombre del icono. Acepta el atajo pack:variant:name. |
pack | string | defaultPack | Clave del pack; sobrescribe el pack del atajo y el defaultPack configurado. |
variant | string | — | Variante; sobrescribe la variante del atajo y la del pack. |
size (hub-icon) | string | 1em | Tamaño por instancia, escrito en --hub-icon-size (solo hub-icon). |
color (hub-icon) | string | currentColor | Color por instancia, escrito en --hub-icon-color (solo hub-icon). |
label (hub-icon) | string | — | Etiqueta accesible: pone role="img" + aria-label; sin ella el icono es decorativo (solo hub-icon). |
spin (hub-icon) | boolean | false | Rota el icono de forma continua, p. ej. para loaders (solo hub-icon). |
Outputs
Todavía no hay outputs documentados.
Templates
Todavía no hay templates documentados.