Use Case:
I have checkboxes with variant interactions applied. When I add an onClick interaction to its instance, it doesn’t change the variant (it does not trigger the variant interaction).
Is there any workaround for this?
Hi @Zuba_Daniel, Thanks for reaching out about this!
When Figma detects a conflict between the interactions set on your main component variants and the interactions set directly on your component instances, Figma will prioritize the interaction on the instance over the interaction set on your component variant.
Therefore, the variant interaction might not be triggered as interactions on instances are triggered before inherited internal interactions.
I would like to provide a workaround, but at this point, I can’t think of a good one.
Those interactions are both triggered by On click? Providing more details might help obtain more accurate insights from experienced designers in our community.
If anyone in our community has any workarounds or insights, please feel free to share them here.
Thanks again for reaching out.
For prototyping purposes i have removed hover state, hover was an issue. Even if i have added onClick interaction on hover state, it trigger interaction, but i couldn’t script return interaction (conditional logic).
Also i have to est it but workaround is to remove interactions from variant and add Change interaction directly on protoype interaction.
1 Like