https://github.com/travelist/angular2-fontawesome

Angular5 Components and Directives for Fontawesome
https://github.com/travelist/angular2-fontawesome

List: angular2-fontawesome

angular angular2-component angular2-fontawesome angular5 fontawesome

Last synced: 3 days ago
JSON representation

Angular5 Components and Directives for Fontawesome

• Host: GitHub
• URL: https://github.com/travelist/angular2-fontawesome
• Owner: travelist
• License: mit
• Created: 2016-03-15T16:59:33.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2021-04-17T11:27:45.000Z (over 3 years ago)
• Last Synced: 2025-01-03T17:06:51.351Z (11 days ago)
• Topics: angular, angular2-component, angular2-fontawesome, angular5, fontawesome
• Language: TypeScript
• Homepage:
• Size: 200 KB
• Stars: 87
• Watchers: 5
• Forks: 20
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - angular2-fontawesome - Angular5 Components and Directives for Fontawesome. (Uncategorized / Uncategorized)
• awesome-angular-components - angular2-fontawesome - Angular2 Components and Directives for Fontawesome (Uncategorized / Uncategorized)
• awesome-angular - angular2-fontawesome - Angular2 Components and Directives for FontAwesome. (Table of contents / Third Party Components)
• fucking-awesome-angular - angular2-fontawesome - Angular2 Components and Directives for FontAwesome. (Table of contents / Third Party Components)
• fucking-awesome-angular - angular2-fontawesome - Angular2 Components and Directives for FontAwesome. (Table of contents / Third Party Components)

README

        
# NOT MAINTAINED 

_This library is no longer maintained and I'd like to ask you to consider using other libraries such as https://github.com/FortAwesome/angular-fontawesome._

# Angular5 Fontawesome

## Installation

```shell

npm install --save font-awesome angular2-fontawesome

```

```

/* package.json */

"font-awesome": "~4.7.0"  # Use any versions

"angular2-fontawesome": "~5.2.0"

```

### Angular CLI

In `package.json`, insert following lines in the `dependencies` block:

We can import this library using SystemJS (`systemjs.config.js`):

```javascript

// .angular-cli.json

{

  "apps": [

    // ...

    "styles": [

      // Add this line

      "../../node_modules/font-awesome/css/font-awesome.css"

    ]

    // ..

  ]

}

```

## Usage

```javascript

// src/app/app.module.ts

// ....

// Add this import statement

import { Angular2FontawesomeModule } from 'angular2-fontawesome/angular2-fontawesome'

// ....

@NgModule({

  declarations: [

    AppComponent

  ],

  imports: [

    BrowserModule,

    Angular2FontawesomeModule  // Add this line

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule { }

```

## Parameters

```html



```


### name

```html

  





```

### size

```html

  





```

### flip

```html

  





```

### pull

```html

  





```

### rotate

```html

  





```

### border

```html

  





```

### spin

```html

  





```

### fw

```html

  





```

### inverse

```html

  





```

## To Develop This Library

```shell

npm install typings --global

```

```shell

typings install

```

```shell

npm link

```

```shell

# /example

npm install font-awesome 

npm link angular2-fontawesome

```

Now your change under `/src` directory will be reflected.

```

npm unlink

```

## TODO

- [ ] Support for `fa-stack`

- [ ] Support for `fa-li` and `fa-ul`

- [ ] **FaStackDirective**

- [ ] Test codes

  - After the Angular2 guideline for test code is published

## License

(MIT License) - Copyright (c) 2018 Komei Shimamura