QIcon not working with Quasar-extras 1.0.3 (Font awesome 5.0)
-
QIcon component is not working with new FontAwesome 5.0 font names and prefix!
Does anyone know how to use QIcon with new font names? -
Did you remember to put fa- in front of the name? ie: ‘caret-up’ becomes ‘fa-caret-up’
-
On the dev branch (0.15) you can try adding the right class according to your icon style like in https://github.com/quasarframework/quasar/blob/dev/dev/components/components/icon.vue#L16. Unfortunately I did not succeed in making it work with 0.14.
-
I had this problem when I upgraded from 0.15 to 0.16 -> The issue was to add fa to every icon attribute. So, ex: icon=“fa fa-caret-up”. Previously it used to work without the single “fa”, maybe I was doing it wrong!
-
Isn’t it normal that you need to update all icon strings to match the Fontawesome 5.0 specs? They have breaking changes!
- First, check your quasar-extras version ("$ quasar info").
- Then check quasar-extras release notes: https://github.com/quasarframework/quasar-extras/releases to see what version of Fontawesome you’re on.
- Visit Fontawesome official website. Check out icons there.
- Then read Quasar docs. There’s even a cheatsheet there: https://quasar-framework.org/components/icons.html#Cheatsheet
-
It is all working now, I believe that you updated the component but the not the documentation at the same time and this leads to some errors, but It is everything just fine as usual now!
Congratulations rstoenescu for your awesome work on Quasar framework! I’m now on my second project using Quasar and I became more and more fan of it! -
@marcelo docs are always updated when a new version is released. maybe a browser cache issue?
