I have a problem with a master and child component in my Figma design.
Create
a parent component called “Card” with two variables (one static and one with hover).
- Static variable: Elongated card with a background image and a title at the bottom.
- Variable hover: Elongated card with a background image + a gradient to give more importance to the title, description and button.
The interaction is simple, the mouse passes over the static variable and the hover variable is automatically displayed. Once the mouse is no longer on the hover variable, it returns to the static variable.
My problem starts when I use the child component. I change the text information in the static variable and hover variable (title, description and button) in addition to the background image since each card has a different image. I’m going to present, to see how it turns out, and it turns out that when the interaction is done, the child’s static variable interacts with the parent’s hover variable. Remove the interaction to do it again from the child component and it still redirects to the parent component.
At the moment, I can’t find a solution to resolve this.
I would appreciate anyone if they could help me.