Cursor

The cursor foundation controls how the cursor appears when positioned over or interacting with a component. This behavior is only relevant for web browsers and operating systems that display cursors in the user interface.

TokenPurposeValue
--salt-cursor-activeActive or selected statespointer
--salt-cursor-disabledDisabled or selected disabled statesdisabled
--salt-cursor-drag-ewHover and active states of a draggable component restricted to horizontal movementew-resize
--salt-cursor-drag-nsHover and active states of a draggable component restricted to vertical movementns-resize
--salt-cursor-grabHover state of a draggable objectgrab
--salt-cursor-grab-activeActive state of a draggable objectgrabbing
--salt-cursor-hoverCursor state when hovering over an interactable component.pointer
--salt-cursor-pendingindicates that the system is busy processing a task and the user should wait for it to completeprogress
--salt-cursor-readonlyRead-only statestext
--salt-cursor-textIndicates where text can be inserted, selected or editedtext

We appreciate your thoughts and feedback on any content in the Salt foundations. Please contact us if you have any comments or questions.