Skip to main content

Workaround: Enable "Hand cursor" while hovering

  • December 20, 2023
  • 4 replies
  • 1972 views

Jairo

/// THIS WORKAROUND IS NOT WORKING WELL.
/// I will add a response to this topic with a more accurate workaround.

I just come across this idea and i think is worth sharing.

For years i wanted the hand icon to show while hovering on buttons.
This simple feedback of the cursor makes your designs look much more “real”, and it is easier for the stakeholders to “visualize” your idea.

But for now hovering interactions don’t trigger the hand cursor.
However, if you set an interaction on the hover state such as linking to another component or state variant, it does trigger the cursor.

In fact, until today my workaround was to make an additional button state “press” that woulde be activated with the “while pressing” option.

But today i tried another route. I simply set this interaction on the hover state:
image
An empty conditional.

It does trigger the hand cursor and yet it does not trigger any other action upon pressing.

It is a wrokaround but i think t is pretty clean. isn’t it?

4 replies

Ricardo_Santos

Thanks for this!


Fab_Recillas

You literally saved me! Exactly what I was looking for, thank you!


Diep_Nguyen

OMG genius! Thank you so so much for sharing!!!


Tomas_Marek1

It works perfectly for me! Thanks for time saving solution.


Reply


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