How to change checked icon on `q-option-group`

[toymachiner62]

I want to change the checked-icon on a q-option-group https://quasar-framework.org/components/option-group.html

I can successfully do this with q-radio via the checked-icon attribute https://quasar-framework.org/components/radio.html#Vue-Properties, but this attribute does not exist for a q-option-group.

How can I achieve this?

[s.molinari]

You mean like this?

https://jsfiddle.net/smolinari/4ctLaupz/

Scott

[toymachiner62]

Seems to be what i’m looking for. I was not aware of this.$q.icon.radio.checked[this.$q.theme] = 'check_circle' `. Is this documented somewhere?

Also any plans to add the checked-icon and unchecked-icon to the q-option-group similarly to how it’s available on q-radio?

[s.molinari]

@toymachiner62 said in How to change checked icon on `q-option-group`:

Is this documented somewhere?

No. I got it from the source code.

Also any plans to add the checked-icon and unchecked-icon to the q-option-group similarly to how it’s available on q-radio?

If you’d like, please make a suggestion on Github.

https://github.com/quasarframework/quasar/issues/new

Scott