Skip to main content
Solved

Issue with hover state of an interactive component instance (button) inside an instance of another component


Harshesh_Sayani2

Hi all,

I have come across some unexpected behaviour when I am trying to use an instance of my Button component inside another component. My Button component consists of an Icon Wrapper to adjust the size of the icon as suggested by @Ridd in the past. When I change the icon using the Swap Icon property and try to hover over the button, the icon seems to not preserve the color. I have kept the nomenclature the same for all icons.
This is the structure I am following -

Please check the GIF below to understand the issue better -

Actual behaviour

I am scratching my head for the past couple of days over this issue, but can’t seem to understand the problem. I have created a Figma file as a sample and would really appreciate any help on this -

Figma – 28 Mar 23

Thanks in advance!

Best answer by tank666

View original
This topic has been closed for comments

2 replies

tank666
  • 4863 replies
  • Answer
  • March 29, 2023

Harshesh_Sayani2

Hi Yury, this helped us. I really appreciate your help, thank you!
legend


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings