How to remove dropdown icon from QBtnDropdown?

[Abdullah Sohail]

This post is deleted!

[s.molinari]

The icons are defined on $q.

https://codepen.io/smolinari/pen/gOaoPEm?editors=1010

Scott

[Abdullah Sohail]

@s-molinari we can acheive the same by specifying dropdown-icon=" " as a prop but the actual problem is how to get rid of the space occupied by it, the space is still there .Actually i am trying to center the label on the button

[s.molinari]

Ok. Then don’t use QBtn-Dropdown and roll your own dropdown with QMenu.

https://quasar.dev/vue-components/menu

Scott

[tof06]

@Abdullah-Sohail Solution provided by @s-molinari is the best and cleaner way to do, imo.
But, if you really really want to use a q-btn-dropdown, you can hide the dropdown icon by css :

button.without-icon i { 
  display: none
}

and add without-icon class to your q-btn-dropdown

[Abdullah Sohail]

thanks @s-molinari and @tof06