ngx-font-awesome
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

Ngx Font Awesome

Simple, easy to use Angular component to manage Font Awesome icons.

How to install

Install Packages npm install ngx-font-awesome font-awesome --save

Import the module:

//...
import { NgxFontAwesomeModule } from 'ngx-font-awesome';
@NgModule({
  //...
  imports: [
    //...
    NgxFontAwesomeModule
  ],
  //...
})
export class AppModule { }

If you're using Angular CLI 6.0.0, add the font-awesome CSS to styles inside the angular.json

"styles"[
    "styles.css",
    "./node_modules/font-awesome/css/font-awesome.css"
],

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 options

*NOTE: Pass boolean values with square brackets []

Name Type Options Optional
name String F-A Icons No
size String lg, 2x, 3x, 4x, 5x Yes
animation Boolean true, false Yes
rotate Number 90, 180, 270 Yes
flip String vertical, horizontal Yes
fixed Boolean true, false Yes
border Boolean true, false Yes
customClass String eg: custom Yes

Example Use

<ngx-fa name="cog" [animation]="true" size="lg"></ngx-fa>

Package Sidebar

Install

npm i ngx-font-awesome

Weekly Downloads

56

Version

1.0.0

License

MIT

Unpacked Size

50.5 kB

Total Files

23

Last publish

Collaborators

  • immohammadjaved