don't change class/color when toggled

[derekyau]

awesome component!

i'm using the switch button in the sense of switching between two options rather than 'on/off', is there an easy way I can disable it from changing color to the 'off-state' and just keep it 'on' the whole time?

[gfazioli]

Hi @derekyau ,

yes, you can do that by adding this styles in your page:

<style>
    .rsbc-switch-button.rsbc-switch-button-flat-round input[type="checkbox"] + label:after,
    .rsbc-switch-button.rsbc-switch-button-flat-round:hover input[type="checkbox"]:checked + label,
    .rsbc-switch-button.rsbc-switch-button-flat-round input[type="checkbox"] + label
    {
      background-color: #579fcb !important;
    }
</style>

the above styles will override the default scheme colour.

[derekyau]

this is great @gfazioli ! thanks

[gfazioli]

@derekyau please, have a look at the new props mode in v2.2.0

[derekyau]

thanks @gfazioli - I've upgraded, and its great. Just in time too, since I needed two switches on my page (one that behaved as normal, and one as 'mode=select'.

timely, thanks.

[gfazioli]

@derekyau you are welcome