Skip to main content
Question

Hover state reverting to the first variant?

  • January 19, 2024
  • 1 reply
  • 176 views

omri1

hello everyone

im trying to build a color picker component using hover states to match the background color with the selected swatch.

but when i hover between swatches you can see a flash of the default variant.
i tried going through all the groups ad making sure the naming and order is correct

any ideas? see the attached link

Figma – 19 Jan 24
This topic has been closed for replies.

1 reply

Raphael_M
  • Power Member
  • 394 replies
  • January 22, 2024

Hi, Omri.

Hover only change the variants when being hovered and then reverts back to the initial variant upon leaving the hover. So, Instead of using hover, you might need to use the mouse enter event. There is a copy of how it will be using Mouse Enter inside your file.

Bonus (If you are in a professional license or higher, you may opt to use variables and set variable conditions to create the prototype with less frames):


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