react-icon

React component for font awesome

Installation

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.

online example: http://sitb-software.github.io/react-icon/

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|

License