Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month 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 8 years ago)
- Default Branch: master
- Last Pushed: 2021-04-17T11:27:45.000Z (over 3 years ago)
- Last Synced: 2024-10-10T14:01:50.796Z (2 months 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