Vuetify: [Feature Request] Hi~Guys, can “on-icon & off-icon ” attributes be supported when V-select with "multiple" ? thx~~

Created on 21 Mar 2020  ·  11Comments  ·  Source: vuetifyjs/vuetify

Problem to solve

custom my icons!

Proposed solution

like v-checkbox support "on-icon & off-icon" (#^.^#)

invalid

Most helpful comment

i guess it's about this:
image

All 11 comments

This is a very vague request, you should just v-bind the icon you want with some condition.

can “on-icon & off-icon ” attributes be supported when V-select with "multiple" ?

check or no-check's icon is default when V-select with multiple,but how custom check or no-check's icon?

Yes it is vague, are you referring to the dropdown arrow on the right? You can just bind :append-icon="selected.length ? 'on' : 'off'"

i guess it's about this:
image

Yes it is vague, are you referring to the dropdown arrow on the right? You can just bind :append-icon="selected.length ? 'on' : 'off'"

check or no-check's icon is default when V-select with multiple,but how custom check or no-check's icon?

i guess it's about this:
image

you “guessed” my thoughts ,
how custom check or no-check's icon?

You need to use item slot to provide the whole content (list item markup, icon, text etc)

Or set checkboxOn and checkboxOff if you want normal checkboxes to change too.

https://vuetifyjs.com/en/customization/icons/#using-custom-icons

Or set checkboxOn and checkboxOff if you want normal checkboxes to change too.

https://vuetifyjs.com/en/customization/icons/#using-custom-icons

thx~
but i use @mdi/js, not font icon,
@mdi/js not to support that

You need to use item slot to provide the whole content (list item markup, icon, text etc)

thank u very much~~
but ~ kill me please~~

You need to use item slot to provide the whole content (list item markup, icon, text etc)

Or set checkboxOn and checkboxOff if you want normal checkboxes to change too.

https://vuetifyjs.com/en/customization/icons/#using-custom-icons

OK, I refactor my application using font icons, this seems to be the only way to do it. Thank you guys ~

Was this page helpful?
0 / 5 - 0 ratings

Related issues

smousa picture smousa  ·  3Comments

alterhu2020 picture alterhu2020  ·  3Comments

gluons picture gluons  ·  3Comments

dschreij picture dschreij  ·  3Comments

jofftiquez picture jofftiquez  ·  3Comments