Skip to main content
Cristian_Banu
Active Member
May 22, 2024
Question

While hovering - Change to

  • May 22, 2024
  • 15 replies
  • 3224 views

Hi guys,
So I have a component which has a few buttons inside of it. In the prototype, I want one of the buttons to change to HOVER in the prototype, so I’m using the While Hovering action. The problem is that in the Change To section, I can’t actually control that button inside the parent component, but the parent component itself, which makes absolutely no sense.

Is there a way to simply control the button inside the parent component?

Thank you kindly,
Chris

This topic has been closed for replies.

15 replies

Cristian_Banu
Active Member
July 4, 2024

@Gleb
No, there are no prototype connections, the only interactions are on the button, that’s where my problem lies 🙂 I made two examples to show how the hover works in one case vs the other.

Long story short, in the second example you can’t apply the hover effect to the button, because the parent fcomponent has 2 variants, and when you apply WHILE HOVERING to the button, from the CHANGE TO you can only change the parent component variants, NOT the button’s variants. Which makes zero sense 🙂

Gleb
Power Member
July 4, 2024

But why are you trying to add these interactions in the instances here?

It should be added in the button main component like this:

And then it works as expected (see my file link)

Cristian_Banu
Active Member
July 4, 2024

I have no idea why I didn’t think of that :)))))
Thank you so much bro!

Gleb
Power Member
July 4, 2024

I would recommend you to check this tutorial to learn more about interactive components:

Cristian_Banu
Active Member
July 4, 2024

It’s cool, I know how to use them, I just never liked making them 😛 But I used them before on clients’ request 🙂

Thank you so much for taking the time 🙂