Reactive State
These properties are reactive -- Alpine automatically re-renders when they change.
| Property | Type | Description |
|---|---|---|
nodes |
FlowNode[] |
Reactive array of all nodes on the canvas. |
edges |
FlowEdge[] |
Reactive array of all edges on the canvas. |
viewport |
Viewport |
Current viewport state { x, y, zoom }. |
selectedNodes |
Set<string> |
Set of currently selected node IDs. |
selectedEdges |
Set<string> |
Set of currently selected edge IDs. |
selectedRows |
Set<string> |
Set of selected row IDs (format: nodeId.attrId). |
ready |
boolean |
Whether the canvas has completed initialization and first node measurement. |
isLoading |
boolean |
True when the canvas is initializing OR user has set loading. Computed from ready and user loading flag. |
isInteractive |
boolean |
Whether pan/zoom/drag interactivity is enabled. |
canUndo |
boolean |
Whether an undo operation is available. Requires history: true in config. |
canRedo |
boolean |
Whether a redo operation is available. Requires history: true in config. |
colorMode |
'light' | 'dark' | undefined |
The current resolved color mode. Requires colorMode in config. |
contextMenu |
object |
Context menu state: { show, type, x, y, node, edge, position, nodes }. |
pendingConnection |
object | null |
Active connection drag: { source, sourceHandle?, position } or null. |