Is there any way to change the icon on a `q-select`?
-
I want to change the icon on the
q-select
andq-toolbar
and I don’t see any way to do this in the docs https://quasar-framework.org/components/select.htmlI see there is a
no-icon
directive, but nothing like theq-collapsible
docs have forcollapse-icon
https://quasar-framework.org/components/collapsible.html#Vue-PropertiesHow can I change these icons?
-
https://quasar-framework.org/guide/app-quasar.conf.js.html#framework-Property
iconset is what you are looking for…
“what icon set to use for Quasar components”
-
Not at all what i’m asking.
I want to explicitly choose which icon to use for the
q-select
and theq-toolbar
. I’ve already changed my default iconset to font-awesome pro -
For QSelect:
http://jsfiddle.net/smolinari/20geuaqo/
For QToolbar, I’m not sure what you mean, as there is no hardcoded icon in the toolbar.
Scott
-
@toymachiner62 said in Is there any way to change the icon on a `q-select`?:
Not at all what i’m asking.
I want to explicitly choose which icon to use for the
q-select
and theq-toolbar
. I’ve already changed my default iconset to font-awesome prook sry…scott has your answer
-
As of 2020 (v. 1.8.2), I believe the correct answer in would be
this.$q.iconSet.arrow.dropdown = 'arrow_downward'
.