Skip to main content
Question

Interactive Components (icons) Color Change on hover - not working properly

  • August 24, 2022
  • 4 replies
  • 3520 views

Niclas_Lundberg

I have this problem where my icons are not updating/reverting properly after a hover state.
In the case below, I obviously want the hover icon to be the โ€œ+โ€ and the idle icon to be whatever it is before the hover.

However, after hovering, the icon reverts to whatever it was before.

Iโ€™m not sure if the problem is related to me nesting the components in the wrong order or if this is in fact a bug.

Please refer to the video below for an example

This topic has been closed for comments

tank666
  • August 24, 2022

The problem is probably that you are using icons as variants. Try using icons as separate components.


Niclas_Lundberg

But how would I make it flexible to exchange the icons without leaving dozens of components compared to 1 with variants?


tank666
  • August 24, 2022

Unfortunately, I donโ€™t see any flexibility or other benefits for icons as Variants.

Also:


  • September 23, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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