Design and Styling
Effects

Cursor

2min



Cursor is used to override the standard cursor view. The correct cursor is important to show to users what will happen as they navigate a web page.

The default cursor value is Auto. In this case, the cursor is displayed for certain types of elements as specified in the browser settings. For example, the Pointer cursor is displayed when the user hovers on links, while the Text cursor is displayed when the user hovers on text.

In most cases, it’s better to use the default cursor value to let the browser to select the desired one. However, you can override the default cursor for an element.

For convenience, Button and Up Button are already assigned the Pointer cursor to indicate that they are clickable.



To change the cursor type:

  • Select an element for which you want to change the cursor
  • Select the desired state for the element on the Styles tab in the right panel in the State section
  • On the Styles tab, select the Effects section and then the Cursor option
Document image

  • Select the required cursor from the drop-down list
Document image


For example, you can select the Zoom In cursor with Zoom In effect to be displayed when hovering on an image.

Document image