Get toggle buttons with 2 different colors on toggle

[bambinou]

Hello,

I would like to have 2 colors in a toggle button but could not find any help in the api, any idea what is the best way of doing this please?

ie:

Left & right
When the button is on the left, it should be red and when the toggle is moved to the right, it should be green.

<q-btn-toggle
        v-model="props.row.state"
        push
        glossy
        :options="[
          {label: 'LEFT', value: 'left'},
          {label: 'RIGHT', value: 'right'},
        ]"
      />
          </q-td>

Thanks.

[metalsadman]

@bambinou were you the one who posted this issue in GH? anyway updated the pen https://codepen.io/metalsadman/pen/PMMBjp.

[bambinou]

Hello,

Yes it was me

Thank you so much, this is exactly what I was looking for, brilliant!