Cursor

Use utilities like cursor-pointer and cursor-grab to control which cursor is displayed when hovering over an element.

The playground demo paints a cursor-shape icon inside each button (Flutter cannot render the OS-rendered hover cursor into a static frame; the icon stands in as a visual cue).

Style('cursor-pointer ...', child: Text('Submit'))
Style('cursor-progress ...', child: Text('Saving...'))
Style('cursor-not-allowed ...', child: Text('Confirm'))

Class reference

Class	Description
cursor-auto	Default browser cursor behavior
cursor-default	Default arrow cursor
cursor-pointer	Pointing hand cursor
cursor-wait	Loading/wait cursor
cursor-text	Text selection cursor
cursor-move	Move/drag cursor
cursor-not-allowed	Not-allowed cursor
cursor-grab	Grab (open hand) cursor
cursor-grabbing	Grabbing (closed hand) cursor
cursor-progress	Progress (busy) cursor
cursor-help	Help (question-mark) cursor
cursor-crosshair	Crosshair cursor
cursor-zoom-in / cursor-zoom-out	Zoom cursors
cursor-{n,e,s,w,ne,nw,se,sw,ew,ns,nesw,nwse}-resize	Directional resize cursors
cursor-col-resize / cursor-row-resize / cursor-all-scroll	Scrollable / resize cursors
cursor-alias / cursor-copy / cursor-no-drop	Alias / copy / blocked-drop cursors
cursor-cell / cursor-context-menu / cursor-vertical-text / cursor-none	Misc CSS cursors