I want to create a dynamic behaviour where if at least 1 checkbox in a group is checked, display some other content. I am fiddling with local variables and layer opacity, but I can’t seem to figure out how to get the more complicated version going. I am trying to avoid to make the group a component with it’s variants. Do you guys have any idea how to solve this?
Figma – 11 Sep 23
Question
Show something when at least 1 checkbox is checked
This topic has been closed for comments
Hey @Thommy_Westlund, to tie a conditional to a checkbox state take the following steps:
- Create variant set with different check box states
- Set up change to interactions for those checkbox variants
- Bind those variant instances to a variable that matches the variant name
When the variant changes state, the variable bound to it will also update its value to match the variant change during the interaction. You can then set a conditional to trigger an action when the variable hits a certain value, in this case, the value that the variant has changed to in the interaction.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.