KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #developer-tools #codex #claude-code #cli #react #mcp #open-source #deepseek-harness #dsh-plugin #ai

angular2-fontawesome

★ 85 Open GitHub ↗

Angular5 Components and Directives for Fontawesome

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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

### name

```html
<fa [name]="'rocket'"></fa>

<fa>
 
</fa>

```

### size

```html
<fa [name]="'rocket'" [size]=1></fa>

<fa>
 
</fa>

```

### flip

```html
<fa [name]="'rocket'" [flip]="'horizontal'"></fa>

<fa>
 
</fa>

```

### pull

```html
<fa [name]="'rocket'" [pull]="'right'"></fa>

<fa>
 
</fa>

```

### rotate

```html
<fa [name]="'rocket'" [rotate]=90></fa>

<fa>
 
</fa>

```

### border

```html
<fa [name]="'rocket'" [border]=true></fa>

<fa>
 
</fa>

```

### spin

```html
<fa [name]="'rocket'" [span]=true></fa>

<fa>
 
</fa>

```

### fw

```html
<fa [name]="'rocket'" [fw]=true></fa>

<fa>
 
</fa>

```

### inverse

```html
<fa [name]="'rocket'" [inverse]=true></fa>

<fa>
 
</fa>

```

## 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

angular2-fontawesome

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README