angular-font-awesome
v3.1.2 ng4-font-awesome ng4-fontawesome ng2-fontawesome ng2-font-awesome ng-font-awesome ng-fontawesome font-awesome fontawesome font awesome and 10 more...
Angular Font Awesome
Simple, easy to use Angular component to manage Font Awesome icons.
Built with Angular QuickStart Lib.
How to install
Install Packages
npm install --save font-awesome angular-font-awesome
Import the module:
//...
import { AngularFontAwesomeModule } from 'angular-font-awesome';
@NgModule({
//...
imports: [
//...
AngularFontAwesomeModule
],
//...
})
export class AppModule { }
If you're using Angular CLI, add the font-awesome CSS to styles
inside the angular-cli.json
"styles": [
"styles.css",
"../node_modules/font-awesome/css/font-awesome.css"
],
NOTE: If using SCSS preprocessor just change the css
for scss
If you're not using the CLI, import the stylesheet to your index.html
file
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
Usage and
Name | Type | Options | Optional |
---|---|---|---|
name | String |
F-A Icons | No |
size | String |
lg, 2x, 3x, 4x, 5x |
Yes |
fixed | Boolean |
`true | false` |
animation | String |
`spin | pulse` |
rotate | `Number | String` | `90 |
inverse | Boolean |
`true | false` |
Example Use
<fa name="cog" animation="spin"></fa>
TODO
- Add Stacked Icons support
- Add List Icons support
- Tests
- Demo page
npm i angular-font-awesome
Metadata
- MIT
- >= 6.9.0
- Baruch Velez
- released 1/10/2018