Iconos de materiales extendidos
Ignite UI Material Icons Extended es un subconjunto de íconos que amplía el ícono de material establecido por Google.
¿Te gusta esta muestra? Obtenga acceso a nuestro completo kit de herramientas Angular y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.
Installation
npm install @igniteui/material-icons-extended
Usage
Primero, veamos cómo podemos registrar un solo ícono en nuestro componente:
import { Component, OnInit } from '@angular/core';
import { IgxIconService } from 'igniteui-angular';
// import { IgxIconService } from '@infragistics/igniteui-angular'; for licensed package
import { github } from '@igniteui/material-icons-extended';
// ...
export class SampleComponent implements OnInit {
constructor(private iconService: IgxIconService) {}
ngOnInit(): void {
// Register a single icon
this.iconService.addSvgIconFromText(github.name, github.value, 'imx-icons');
}
}
Ahora, veamos cómo registrar múltiples íconos/categorías:
//...
import { health, programming } from '@igniteui/material-icons-extended';
export class SampleComponent implements OnInit {
public allIcons = [
...health,
...programming,
];
//...
addIcons() {
for (let icon of this.allIcons) {
this.iconService.addSvgIconFromText(icon.name, icon.value, 'imx-icons');
}
}
ngOnInit(): void {
this.addIcons();
}
}
Para usar los íconos en su plantilla de componente:
<igx-icon family="imx-icons" name="github"></igx-icon>
Para obtener más información y otros tipos de uso, visita nuestro Repositorio de GitHub.
Additional Resources
Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.
Ver página en
GitHub