react-icon

React component for font awesome.

View demo Download Source

Installation

sitb-react-icon

npm install sitb-react-icon

Usage

Dependencies

Depend on the style of the font-awesome library

import '../../node_modules/font-awesome/less/font-awesome.less';
import Icon from 'sitb-react-icon';
import { render } from 'react-dom';

let node = <Icon faStyle='gg' />;
render(<node, container);

Examples

The cloning project,install lib and start,

    npm install
    npm start 
    http://localhost:9000

then open http://localhost:9000 in browser.

Api

name description type default
faStyle the icon style. more style http://fortawesome.github.io/Font-Awesome/icons/ String undefined
className additional css class of root dom node String undefined
size To increase icon sizes relative to their container one of [1, 2, 3, 4, 5, '1', '2', '3', '4', '5'] undefined
fixed fa-fw class Boolean false
list fa-li class Boolean false
border fa-border class Boolean false
pullLeft fa-pull-left class Boolean false
pullRight fa-pull-right class Boolean false
animate Animated Icons fa-spin or fa-pulse one of spin,pulse undefined
rotate fa-rotate-* 90 180 270 Number undefined
flipHorizontal fa-flip-horizontal Boolean false
flipVertical fa-flip-vertical Boolean false
inverse fa-inverse Boolean false
stack fa-stack-* one of [1, 2, '1', '2'] false

GitHub