tabler/pages/_docs/cursors.md

title, description, menu

title	description	menu
Cursors	You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.	docs.cursors

Cursor utilities

Use one of the available cursor utilities depending on the action you want to indicate.

• .cursor-auto- the cursor style depends on what's inside a given element
• .cursor-pointer - a pointing cursor, used to show that an element is clickable
• .cursor-move - a cursor which shows that a given element can be moved
• .cursor-not-allowed - a cursor which shows that a user is not allowed to perform an action on an element
• .cursor-zoom-in - a cursor which shows that a user can zoom in
• .cursor-zoom-out - a cursor which shows that a user can zoom out

{% capture code %}

Cursor auto

Cursor pointer

Cursor move

Cursor not allowed

Cursor zoom in

Cursor zoom out

{% endcapture %} {% include example.html code=code %}