Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

icon parameter needs to be explicitly stated {{fa-icon icon='coffee'}}

See original GitHub issue

I have followed the instructions to install this addon, however quickly notificed that {{fa-icon 'coffee'}} only leads to a console message: ember-console.js:24 Could not find icon undefined. After checking the source I found that the only way that currently seems to work is to explicitly provide the icon parameter to the component like {{fa-icon icon='coffee'}}. So either the docs or the addon currently seem to not work as intended.

Issue Analytics

State:
Created 6 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

mlwilkersoncommented, Mar 1, 2018

OK, 0.0.11 is now the latest

1reaction

mlwilkersoncommented, Mar 1, 2018

Sorry, that’s probably because of the dist-tags. I’ve been pushing these prereleases with the prerelease tag. The last release that carried the latest tag (which is probably what you’re getting) was indeed 0.0.10-1.

I think we’ve prereleased long enough for 0.0.11. I’m going to push a real 0.0.11 release that should clear this up for anyone in the future 😉

Top Results From Across the Web

react-fontawesome importing all icons - Stack Overflow

Discussed this with the react-fa team and they advised that icons need to be explicitly imported with full paths:

A Simple Guide to Add FontAwesome in Angular

The explicit reference method entails importing the icon definition from the npm package, assigning it to the component's property, and binding this property...

How To Use Font Awesome icons in Angular Applications

We can use Font Awesome icons in Angular applications two ways depending upon our requirements. Using Explicitly in Component; Using Icon ...

What's New - Font Awesome

Every FA icon example page now has a better, more accessibility-minded ... We've added a new icon category specifically for accessibility and seeded...

Font Awesome 5 Vue component - BestofVue

If you have been using 0.1.x of vue-fontawesome, you c. ... Explicit icon definition through something like a computed property.