Change the text colour on radio button on toggle

Design help Animations & Interactions
1

Hi there,

I am looking for a way to change the radio button text on toggle.
I managed to customise the radio button itself, so it no longer has a tick box. Instead I want it to be like a button, and once pressed it changes the colour. I managed to make this work, but I can’t change the text colour on a toggle state.

Here is a link to see the project.

If anyone has some tips, I would greatly appreciate them :slight_smile:

2

Hi @Eugene_Soch I didn’t checked your code but easiest way is to add code on your click listener. Feel free to search internet for keywords like change text on click

here is simple example

3

Could a quick work-around be to change the selected button’s background color to say blue rather than white, so that the text remains readable?

4

I’ve found that clonable. It’s working like a charm :v:
Radio Button Input by Memberstack
It’s working with a small embedded to style the checked state.

5

Another solution with finsweet