React component for font awesome Sample in 2020

React component for font awesome Sample in 2020

tutorials -


React component for font awesome.


npm install sitb-react-icon



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);


The cloning project,install lib and start,

    npm install
    npm start 

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


name description type default
faStyle the icon style. more style 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


Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff