Descargar react fontawesome - Descargar el código fuente react fontawesome

react fontawesome

Descarga de fuentes

General cleanup and documentation fixes

Descargar

reaccio

Un componente React para la biblioteca de iconos de fuentes.

Si está usando Font Awesome V5+, ¡use el componente React oficial!. react-fontawesome no es compatible con FontaWeome V5!

Este proyecto ya no se mantiene activamente. ¡Intente usar el componente oficial anterior si puede!

Instalar

npm install --save react-fontawesome

NOTA: Este componente no incluye ninguna de las fuentes o fuentes de Font Awesome, por lo que deberá asegurarse de incluirlos de alguna manera de alguna manera, ya sea agregándolos a su proceso de compilación o vinculando a las versiones de CDN.

Usando la versión CDN

La forma más rápida de comenzar es importar Fontawawer con una etiqueta de enlace en la <head> :

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

Puede cambiar el número de versión para usar cualquier versión de FontaWeome que desee.

Usando con Webpack

Si está utilizando Webpack, deberá instalar FontawaWesome, importar el SASS/MENOS FONTAWESO y configurar la ruta de fuentes. Consulte esta publicación de blog sobre cómo hacer que Webpack y FontAwesome funcionen juntos.

Uso

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

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

Características

Sin dependencias (aparte de React)
API simple que refleja los nombres de clase de Font Awesome.
Admite todos los modificadores impresionantes de fuentes (ver API a continuación).
Hacer uso de módulos CSS
Agregue su propio className , estilos y otros accesorios (todos los accesorios adicionales se pasan directamente al componente).

Ejemplos

Uso regular

 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)' } }
      />
    )
  } ,
} )

Con el uso de módulos 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)' } }
      />
    )
  } ,
} )

Lo anterior creará salida como esta:

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

API

Vea los documentos de API para la documentación completa.

Que contribuye

¡Solicitud de solicitud de bienvenida!

Ejecute el conjunto de pruebas con npm test y formatea su código con npm run format . Asegúrese de que las pruebas pasen y que escriba pruebas para nuevas características y cambios en el documento en la API con actualizaciones a los JSDOC.

Antes de enviar su solicitud de extracción, ejecute npm run dist para crear el proyecto y confirmar los cambios.