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.
| Token | Purpose | Value |
|---|---|---|
--salt-cursor-active | Active or selected states | pointer |
--salt-cursor-disabled | Disabled or selected disabled states | disabled |
--salt-cursor-drag-ew | Hover and active states of a draggable component restricted to horizontal movement | ew-resize |
--salt-cursor-drag-ns | Hover and active states of a draggable component restricted to vertical movement | ns-resize |
--salt-cursor-grab | Hover state of a draggable object | grab |
--salt-cursor-grab-active | Active state of a draggable object | grabbing |
--salt-cursor-hover | Cursor state when hovering over an interactable component. | pointer |
--salt-cursor-pending | indicates that the system is busy processing a task and the user should wait for it to complete | progress |
--salt-cursor-readonly | Read-only states | text |
--salt-cursor-text | Indicates where text can be inserted, selected or edited | text |
We appreciate your thoughts and feedback on any content in the Salt foundations. Please contact us if you have any comments or questions.