angular fontawesome

Fontawan angulaire

Composant angulaire officiel pour Font Awesome 5+

Installation

Si vous avez un abonnement Fontawesome Pro, assurez-vous de configurer l'accès avant de suivre les instructions d'installation.

Utilisation ng add :

 # See Compatibility table below to choose a correct version
$ ng add @fortawesome/angular-fontawesome@<version>

Utilisation du fil

 $ yarn add @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ yarn add @fortawesome/angular-fontawesome@<version>

Utilisation de NPM

 $ npm install @fortawesome/free-solid-svg-icons
# See Compatibility table below to choose a correct version
$ npm install @fortawesome/angular-fontawesome@<version>

Table de compatibilité

@ Fortawesome / Angular-Fontawesome	Angulaire	Font génial	NG-ADD
0.1.x	5.x	5.x	non pris en charge
0.2.x	6.x	5.x	non pris en charge
0.3.x	6.x && 7.x	5.x	non pris en charge
0.4.x, 0.5.x	8.x	5.x	non pris en charge
0.6.x	9.x	5.x	soutenu
0.7.x	10.x	5.x	soutenu
0.8.x	11.x	5.x	soutenu
0.9.x	12.x	5.x	soutenu
0.10.x	13.x	5.x && 6.x	soutenu
0.11.x	14.x	5.x && 6.x	soutenu
0.12.x	15.x	5.x && 6.x	soutenu
0.13.x	16.x	5.x && 6.x	soutenu
0.14.x	17.x	5.x && 6.x	soutenu
0.15.x	18.x	5.x && 6.x	soutenu
1.x	19.x	5.x && 6.x	soutenu

Usage

Pour se mettre en service en utilisant la police géniale avec Angular, suivez les étapes ci-dessous:

1. Add FontAwesomeModule to the imports and tie the icon to the property in your component src/app/app.component.ts :

    import { Component } from '@angular/core' ;
   import { FontAwesomeModule } from '@fortawesome/angular-fontawesome' ;
   import { faCoffee } from '@fortawesome/free-solid-svg-icons' ;
   
   @ Component ( {
     selector : 'app-root' ,
     imports : [ FontAwesomeModule ] , // alternatively, individual components can be imported
     templateUrl : './app.component.html'
   } )
   export class AppComponent {
     faCoffee = faCoffee ;
   }

2. Utilisez l'icône dans le modèle src/app/app.component.html :

    < fa-icon [icon] =" faCoffee " > </ fa-icon > 

Documentation

• Guide d'utilisation approfondie
• Utilisation d'autres styles
• Liste complète des fonctionnalités
• Instructions de mise à niveau
• Questions de fréquence posées

Exemples

Stackblitz

Voici un échantillon de démarrage de Stackblitz sur la façon d'afficher les icônes solides, régulières et de marque à l'aide de la bibliothèque d'icônes.

Application de démonstration

Vous pouvez trouver des exemples dans le répertoire projects/demo . Vous pouvez suivre les documents pour exécuter l'application de démonstration sur votre propre machine.

Contributif

angular-fontawesome est un produit de la communauté, vous pouvez jeter un œil aux documents du développeur pour en savoir plus sur la façon de contribuer au projet.

Contributeurs

Les contributeurs suivants ont aidé à démarrer ce projet, ont contribué du code, le maintiennent activement (y compris la documentation), soit par d'autres moyens de contributeurs impressionnants à ce projet. Nous aimerions prendre un moment pour les reconnaître.

Si nous avons manqué quelqu'un (ce qui est très probable), soumettez-nous une demande de traction et nous le verrons résoudre.