Cursors
Cursors
Pointer shape is a free affordance: hovering suggests what an element can do. Move the pointer over each tile to inspect its cursor-* behavior.
Semantic mapping
Hover each tile to see the real pointer.
cursor-defaultDefault arrow
cursor-pointerClickable link or button
cursor-textSelectable or editable text
cursor-moveDraggable movement
cursor-grabGrabbable carousel or sortable item
cursor-not-allowedDisabled state
cursor-waitLoading
cursor-ew-resizeHorizontal resizing
cursor-ns-resizeVertical resizing
cursor-helpHelp information