Change mouse cursor to hand on mouse hover?

Change mouse cursor to hand on mouse hover?:point_up_2: in perspective

It is a style option. Under Misc -> Cursor. The one you are looking for is pointer.

If you only want the cursor to be a hand when hovering over a component, then you’ll want to use Perspective’s Styles.

  1. In the Project browser, right click the Styles node under Perspective and select New Style.
  2. Provide a name for this style (I used hand-on-hover).
  3. In the resulting dialog, click the + icon and select Element State.
  4. In the right-hand panel, use the Element State dropdown to select “hover”.
  5. In the Misc category, select “pointer”.
  6. Click OK.
  7. Now find the element onto which you would like to apply this style setting, and use the dropdown under targetComponent.props.style.classes to select your named Style.

Style should look like this:

The Component should have a props.style.classes which includes the name of your Style:

27%20AM

2 Likes

Thanks @cmallonee

Style
cursor: pointer