react fontawesome Download - react fontawesome Code Source Téléchargement

react fontawesome

Téléchargement de polices

General cleanup and documentation fixes

Télécharger

react-fontawome

Un composant React pour la bibliothèque d'icônes de police-awames.

Si vous utilisez Font Awesome V5 +, veuillez utiliser le composant React officiel!. react-fontawesome ne prend pas en charge Fontawesome v5!

Ce projet n'est plus activement maintenu. Veuillez essayer d'utiliser le composant officiel ci-dessus si vous le pouvez!

Installer

npm install --save react-fontawesome

Remarque: Ce composant n'inclut aucun des CSS ou des polices impressionnantes de la police, vous devrez donc vous assurer d'inclure ceux de votre côté, soit en les ajoutant à votre processus de construction, soit en vous liant à des versions CDN.

Utilisation de la version CDN

Le moyen le plus rapide de commencer est d'importer Fontawesome avec une balise de lien dans <head> de votre page:

 < link href =" https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css " rel =" stylesheet " />

Vous pouvez modifier le numéro de version pour utiliser la version de Fontawesome que vous souhaitez.

En utilisant avec webpack

Si vous utilisez WebPack, vous devrez installer Fontawesome, importer le Fontawesome Sass / moins et configurer le chemin de la police. Veuillez consulter cet article de blog sur la façon d'obtenir un WebPack et Fontawesome en travaillant ensemble.

Usage

 var React = require ( 'react' )
var FA = require ( 'react-fontawesome' )

React . render ( < FA name = "rocket" /> , document . body )

Caractéristiques

Aucune dépendance (autre que réagir)
API simple qui reflète les noms de classe de Font Awesome.
Prend en charge tous les modificateurs impressionnants de police (voir API ci-dessous).
Utilisez les modules CSS
Ajoutez votre propre nom className , styles et autres accessoires (tous les accessoires supplémentaires sont transmis directement au composant).

Exemples

Utilisation régulière

 var React = require ( 'react' )
var FontAwesome = require ( 'react-fontawesome' )

var MyComponent = React . createClass ( {
  render : function ( ) {
    return (
      < FontAwesome
        className = "super-crazy-colors"
        name = "rocket"
        size = "2x"
        spin
        style = { { textShadow : '0 1px 0 rgba(0, 0, 0, 0.1)' } }
      />
    )
  } ,
} )

Avec l'utilisation de modules CSS

 import React from 'react'
import FontAwesome from 'react-fontawesome'
import faStyles from 'font-awesome/css/font-awesome.css'

var MyComponent = React . createClass ( {
  render : function ( ) {
    return (
      < FontAwesome
        className = "super-crazy-colors"
        name = "rocket"
        cssModule = { faStyles }
        size = "2x"
        spin
        style = { { textShadow : '0 1px 0 rgba(0, 0, 0, 0.1)' } }
      />
    )
  } ,
} )

Ce qui précède créera une sortie comme ceci:

 <span class="font-awesome__fa___2otTb font-awesome__fa-rocket___lfSov font-awesome__super-crazy-colors___3k583"></span>

API

Voir les documents API pour la documentation complète.

Contributif

Tirez les demandes de bienvenue!

Exécutez la suite de test avec npm test et formatez votre code avec npm run format . Assurez-vous que les tests passent et que vous rédigez des tests pour de nouvelles fonctionnalités et les modifications de document à l'API avec les mises à jour des JSDOC.

Avant de soumettre votre demande de traction, exécutez npm run dist pour construire le projet et engagez les modifications.