Skip to main content

Hi guys,


i have an ON/OFF switch. When clicked it should change a text (connected to a variable) to ON or OFF and the button itself must change its variant accoringly. What ends up happening is that the text does switch from ON → OFF when i click (GOOD). But the text will not change back to ON again when the switch is in its OFF-variant (NEEDS FIXING) and is clicked.

The text does change from OFF-> ON again when the switch is in it’s ON-state, but i end up with an OFF switch with ON-text.


I have made a video to show what i mean:

Video


Here is the component and its interactions (the switch state-off which should set the variable to ON):

image


I have made multiple iterations, also with conditional interactions, but i end up with the same problem. It’s getting frustrating to fix. Does someone have a solution for this?

Here is the switch in state ON:

image

I solved it by setting the variant directly to true in this way:


image


I guess it’s sometimes better to type what you want than to click on the Figma UI.

Reply


Terms & ConditionsCookie settings