search

coreui / coreui-angular

CoreUI Components Library for Angular https://coreui.io/angular/docs/
https://coreui.io/angular/
MIT License
248 stars 146 forks source link

Angular Fontawesome integration #125

Closed nidhinkumar06 closed 2 years ago

nidhinkumar06 commented 2 years ago

Is it possible to use the Angular Fontawesome for the sidebar nav items in CoreUI

Angular Fontawesome

Right now we are using it in the following way

export const navItems: INavData[] = [
  {
    name: 'Parks',
    url: '/parks',
    icon: 'fa fa-map-marker',
  },
  {
    name: 'Organizations',
    url: '/organizations',
    icon: 'fa fa-building',
  },
];

But in the documentation of Angular Fontawesome, they are using the icons in the following way

<fa-icon [icon]="faCoffee"></fa-icon>

Will there be any support for the Angular Fontawesome in the upcoming releases or is there any hack that we can use it?

xidedix commented 2 years ago

​At the moment the way is to use fa css classes as icon prop like in your example. ​We're working on universal solution to include angular-fontawesome component (or any other icon component).