pjc-icons
v0.1.43
Published
Biblioteca de ícones SVG para uso com Angular Material.
Readme
📦 PJC Icons
Biblioteca de ícones SVG para Angular + Angular Material, mantida pela equipe GEIA Sistemas Policiais.
📥 Instalação
npm install pjc-icons🧰 Requisitos
O projeto consumidor precisa ter instalado:
npm install @angular/material🚀 Como usar
1. Copie o arquivo pjc-icons.svg
Após instalar o pacote, copie o arquivo para a pasta assets/ do seu projeto:
cp node_modules/@geia/pjc-icons/pjc-icons.svg src/assets/Ou mova para o diretório desejado, como por exemplo src/assets/icons/.
2. Configure o angular.json para servir o SVG
Se quiser evitar a cópia manual, adicione:
"assets": [
"src/assets",
{
"glob": "**/*.svg",
"input": "node_modules/@geia/pjc-icons",
"output": "/assets/"
}
]Assim, o SVG estará disponível em: /assets/pjc-icons.svg
3. Importe o módulo
No seu AppModule:
import { PjcIconModule } from '@geia/pjc-icons';
@NgModule({
imports: [PjcIconModule]
})
export class AppModule {}4. Como usar os ícones
Use a diretiva svgIcon do Angular Material:
<mat-icon svgIcon="pjc_icons:icone-exemplo"></mat-icon>Substitua icone-exemplo pelo ID do ícone no arquivo SVG.
🔎 Lista de ícones
A lista completa está contida no arquivo pjc-icons.svg.
Você pode visualizar e filtrar os ícones na página interna de ícones;
📄 Licença
MIT GEIA – Sistemas Policiais
