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: 7 months 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 (over 9 years ago)
- Default Branch: master
- Last Pushed: 2021-04-17T11:27:45.000Z (over 4 years ago)
- Last Synced: 2025-03-30T22:32:26.604Z (7 months ago)
- Topics: angular, angular2-component, angular2-fontawesome, angular5, fontawesome
- Language: TypeScript
- Homepage:
- Size: 200 KB
- Stars: 86
- Watchers: 4
- 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