react fontawesome Download - react fontawesome Source Code Download

react fontawesome

Schriftarten herunterladen

General cleanup and documentation fixes

Herunterladen

React-fontawesome

Eine React-Komponente für die Schriftbibliothek für Schriftarten.

Wenn Sie Font Awesome V5+verwenden, verwenden Sie bitte die offizielle React -Komponente!. react-fontawesome unterstützt Fontawesome V5 nicht!

Dieses Projekt ist nicht mehr aktiv aufrechterhalten. Bitte versuchen Sie, die offizielle Komponente oben zu verwenden, wenn Sie in der Lage sind!

Installieren

npm install --save react-fontawesome

HINWEIS: Diese Komponente enthält keine der fantastischen CS oder Schriftarten der Schriftart.

Verwenden Sie CDN -Version

Der schnellste Weg, um zu beginnen, besteht darin, FontaWesome mit einem Link -Tag in der <head> Ihrer Seite zu importieren:

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

Sie können die Versionsnummer ändern, um die Version von FontaWesome zu verwenden, die Sie möchten.

Verwenden mit Webpack

Wenn Sie WebPack verwenden, müssen Sie FontAwesome installieren, den Fontawesome Sass/weniger importieren und den Schriftart konfigurieren. Bitte beachten Sie diesen Blog -Beitrag, wie Sie Webpack und Fontawesome zusammenarbeiten können.

Verwendung

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

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

Merkmale

Keine Abhängigkeiten (außer React)
Einfache API, die die Klassennamen von Font Awesome widerspiegelt.
Unterstützt alle fantastischen Modifikatoren der Schriftart (siehe API unten).
Nutzen Sie CSS -Module
Fügen Sie Ihre eigenen className , Stile und andere Requisiten hinzu (alle zusätzlichen Requisiten werden direkt an die Komponente übergeben).

Beispiele

Regelmäßige Verwendung

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

Mit der Verwendung von CSS -Modulen

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

Das obige erzeugt die Ausgabe wie folgt:

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

API

In den API -Dokumenten finden Sie eine vollständige Dokumentation.

Beitragen

Anfragen willkommen!

Führen Sie die Testsuite mit npm test aus und formatieren Sie Ihren Code mit npm run format . Stellen Sie sicher, dass Tests bestehen und Sie Tests für neue Funktionen und Dokumentänderungen an der API mit Updates an die JSDOCs schreiben.

Bevor Sie Ihre Pull -Anfrage einreichen, führen Sie npm run dist aus, um das Projekt zu erstellen und die Änderungen zu verpflichten.