@terminus/ui-icon v3.0.0

Table of Contents

• Installation
  • Packages that need to be installed
  • Modules that need to be in NgModule
  • CSS imports
• Usage

Installation

Packages that need to be installed

• @angular/material
• @terminus/design-tokens
• @terminus/fe-utilities
• @terminus/ui-icon
• @terminus/ui-utilities
• @fortawesome/pro-solid-svg-icons

Use the ng add command to quickly install all the needed dependencies:

ng add @terminus/ui-icon

Modules that need to be in NgModule

• TsIconModule

CSS imports

In your top level stylesheet, add these imports:

@import '~@terminus/design-tokens/css/library-design-tokens.css';
@import '~@terminus/ui-styles/terminus-ui.css';

Usage

Import any FontAwesome icon and pass it in:

import { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';
...
public home = faHome;

<ts-icon [icon]="home"></ts-icon>

See all valid icon possibilities: https://fontawesome.com/icons
See the underlaying API: https://github.com/FortAwesome/angular-fontawesome/blob/master/docs/usage/features.md