VisualFlow

Interactivity

Selection, drag-to-connect, keyboard shortcuts and context menus that feel native.

Intermediate · 7 min read · Updated Oct 31, 2026

Built-in behaviours

Out of the box users can drag nodes, box-select with Shift, delete with Backspace and connect handles. Each behaviour can be toggled with a prop.

Validating connections

isValidConnection lets you reject edges, for example to prevent cycles or connect only compatible data types.