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 9 inputs. Se enlazan como cualquier @Input de Angular.
| Nombre | Tipo | Por defecto | Descripción |
|---|---|---|---|
name (hub-icon)Obligatorio | string | — | Nombre del icono. Acepta el atajo pack:variant:name. |
name ([hubIcon]) | string | '' | Nombre del icono en la directiva [hubIcon]. Opcional: si se omite, se usa el valor enlazado en la propia directiva. |
hubIcon ([hubIcon]) | string | '' | Nombre del icono enlazado en el atributo de la directiva, [hubIcon]="'house'". El input name prevalece si se indican ambos. |
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 | string | — | Etiqueta accesible: pone role="img" + aria-label; sin ella el icono es decorativo. Disponible en hub-icon y [hubIcon]. |
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.