Quasar: [Request] Ability to choose another arrow icon for q-btn-dropdown

Created on 8 Sep 2018  路  6Comments  路  Source: quasarframework/quasar

I'm using dropdown buttons all the time, but my boss often asks me to use a different arrow design. : D There's currently (to my knowledge) no possible way to do this with Quasar. So I'm doing some hacking with element swapping after mounted(), not ideal...

Would be great if that is a possibility to have an arrow-icon prop where we can pass a different arrow icon by name.

Partially related: #1876

Most helpful comment

@anahoua16 if you remove the arrow you have a QBtn with a QPopover (v0.17) or QMenu (v1.0) in it... so use that.

All 6 comments

Tell Quasar to use your favorite icon: this.$q.icon.input.dropdown = 'some-icon'.

Amazing!!! Thanks so much!!

How can I remove the arrow?

@anahoua16 if you remove the arrow you have a QBtn with a QPopover (v0.17) or QMenu (v1.0) in it... so use that.

this.$q.icon.input.dropdown = ""
@anahoua16

Since I often am tasked with changing the dropdown arrow to a chevron like this:
image

maybe we could add something to the documents on the best way to do this

Was this page helpful?
0 / 5 - 0 ratings