react-fa-icon
Font Awesome Icon component for React
install
npm install @epferrari/react-fa-icon --save
note Don't forget to install the font awesome package itself, and include its css or less in your app somewhere
npm install font-awesome --save
usage
ES6/ES2015
import FontIcon from "@epferrari/react-fa-icon";
<FontIcon icon="bluetooth"/>
<FontIcon icon="spinner" spin/>
CommonJS
var FontIcon = require("@epferrari/react-fa-icon");
props
prop | type | |
---|---|---|
icon | string | the name of the icon to render. Same as the class name you would use with an <i> tag, but does not need to be prefaced by "fa-" |
size | string | int | accepts one of the following "lg", 2, 3, 4, 5
|
right | boolean | pull the icon to align right |
left | boolean | pull the icon to align left |
flip | boolean | invert the icon across the x-axis |
mirror | boolean | invert the icon across the y-axis |
rotate | int | accepts one of the following 90, 180, 270
|
fixed | boolean | creates a fixed width icon |
spin | boolean | animate the icon spinning |
border | boolean | render a border around the icon |