react fontawesome скачать - react fontawesome исходный код скачать

react fontawesome

Загрузка шрифта

General cleanup and documentation fixes

Скачать

React-Fontawesome

CreAct Component для библиотеки значков Font-Coanse.

Если вы используете Font Awesome V5+, используйте официальный компонент React!. react-fontawesome не поддерживает Fontawesome v5!

Этот проект больше не поддерживается. Пожалуйста, попробуйте использовать официальный компонент выше, если вы можете!

Установить

npm install --save react-fontawesome

Примечание. Этот компонент не включает в себя ни один из удивительных CSS или шрифтов шрифта, поэтому вам нужно как -то убедиться, что они на вашем конце, либо добавив их в процесс сборки, либо ссылаясь на версии CDN.

Использование версии CDN

Самый быстрый способ начать - импортировать Fontawesome с тегом ссылки в <head> :

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

Вы можете изменить номер версии, чтобы использовать любую версию Fontawesome, которую вы хотели бы.

Использование с WebPack

Если вы используете WebPack, вам нужно будет установить Fontawesome, импортировать Fontawesome Sass/Less и настроить путь шрифта. Пожалуйста, посмотрите этот пост в блоге о том, как объединить WebPack и Fontawesome совместно.

Использование

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

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

Функции

Нет зависимостей (кроме реагирования)
Простой API, который отражает имена классов класса Font.
Поддерживает все удивительные модификаторы Font (см. API ниже).
Используйте модули CSS
Добавьте свое собственное className S, стили и другие реквизиты (все дополнительные реквизиты передаются непосредственно в компонент).

Примеры

Регулярное использование

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

С использованием модулей 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)' } }
      />
    )
  } ,
} )

Выше приведено, как это создаст вывод, такой:

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

API

Смотрите документы API для полной документации.

Внося

Получите запросы!

Запустите тестовый набор с npm test и отформатируйте свой код с помощью npm run format . Убедитесь, что тесты проходят, и вы пишете тесты для новых функций и изменений документов в API с обновлениями для JSDOC.

Прежде чем отправить запрос на привлечение, запустите npm run dist чтобы создать проект и совершить изменения.