Valid Begin Cursor Demo

This demo illustrates how the mouse cursor dynamically changes within a GraphComponent to signal which interactive action (e.g., move, select, create) can be initiated at the current pointer location.

Things to Try

• Move the Viewport: Press Ctrl while hovering over an empty canvas area. The cursor changes to GRAB.

• Lasso Select: Begin a lasso selection by holding Alt over an empty area. The cursor becomes a custom lasso icon. During selection, Shift or Ctrl modifies the cursor to include + (add to selection) or - (subtract from selection), respectively.

• Marquee Select: Perform a rectangular selection by dragging over an empty area without Ctrl or Alt held. The cursor displays as CROSSHAIR. Similar to lasso, Shift and Ctrl modify the cursor for + (add) or - (subtract) selection.

• Create Edge: Hold Ctrl and hover over an unselected node. The cursor indicates valid edge creation with a custom icon.

• Move Node: Hover over any node without Ctrl pressed. The cursor changes to MOVE, indicating you can drag the node.

• Show Tooltip: Hover over an edge for a second. The cursor changes to HELP to indicate that a tooltip can be displayed.