Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Awesome Lists containing this project

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