Cursor

Change cursor icon when hovered.

USS Classes

Format: cursor-{value}

html
<!-- Change cursor icon on hover --> <engine:VisualElement class="cursor-move"/>
ClassIcon
cursor-defaultpointer_a
cursor-pointerhand_small_point
cursor-waitcursor_busy
cursor-textbracket_a_vertical
cursor-moveresize_a_cross
cursor-helpcursor_help
cursor-not-allowedcursor_disabled
cursor-context-menucursor_menu
cursor-cellline_cross
cursor-copycursor_copy
cursor-grabhand_small_open
cursor-grabbinghand_small_closed
cursor-zoom-inzoom_in
cursor-zoom-outzoom_out

USS Variables

css
--cursor-default --cursor-pointer --cursor-wait --cursor-text --cursor-move --cursor-help --cursor-not-allowed --cursor-context-menu --cursor-cell --cursor-copy --cursor-grab --cursor-grabbing --cursor-zoom-in --cursor-zoom-out /* Usage */ .example { cursor: var(--cursor-pointer); }

Settings

Theme

Light

Contrast

Material

Dark

Dim

Material Dark

System

Sidebar(Light & Contrast only)

Light
Dark

Font Family

DM Sans

Wix

Inclusive Sans

AR One Sans

Direction

LTR
RTL