Properties
applyDefault
applyDefault: boolean
connectOnClick
connectOnClick: boolean
connectionHandleId
connectionHandleId: null | string
connectionHandleType
connectionLineStyle
connectionLineStyle: null | CSSProperties
connectionNodeId
connectionNodeId: null | string
connectionPosition
connectionStartHandle
Readonly d3Selection
Readonly d3Zoom
Readonly d3ZoomHandler
Optional defaultEdgeOptions
defaultMarkerColor
defaultMarkerColor: string
defaultPosition
defaultPosition: [number, number]
defaultZoom
defaultZoom: number
Readonly dimensions
edgeUpdaterRadius
edgeUpdaterRadius: number
edges
edgesUpdatable
edgesUpdatable: boolean
elementsSelectable
elementsSelectable: boolean
Optional fitViewOnInit
fitViewOnInit?: boolean
Readonly hooks
hooks
: Readonly<{ connect
: EventHook<Connection>; connectEnd
: EventHook<MouseEvent>; connectStart
: EventHook<{ event
: MouseEvent } & OnConnectStartParams>; connectStop
: EventHook<MouseEvent>; edgeClick
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgeContextMenu
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgeDoubleClick
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgeMouseEnter
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgeMouseLeave
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgeMouseMove
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgeUpdate
: EventHook<{ connection
: Connection; edge
: GraphEdge<any> }>; edgeUpdateEnd
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgeUpdateStart
: EventHook<{ edge
: GraphEdge<any>; event
: MouseEvent }>; edgesChange
: EventHook<EdgeChange[]>; miniMapNodeClick
: EventHook<{ event
: MouseTouchEvent; node
: GraphNode<any> }>; miniMapNodeDoubleClick
: EventHook<{ event
: MouseTouchEvent; node
: GraphNode<any> }>; move
: EventHook<{ event
: D3ZoomEvent<HTMLDivElement, any>; flowTransform
: FlowTransform }>; moveEnd
: EventHook<{ event
: D3ZoomEvent<HTMLDivElement, any>; flowTransform
: FlowTransform }>; moveStart
: EventHook<{ event
: D3ZoomEvent<HTMLDivElement, any>; flowTransform
: FlowTransform }>; nodeClick
: EventHook<{ event
: MouseTouchEvent; node
: GraphNode<any> }>; nodeContextMenu
: EventHook<{ event
: MouseEvent; node
: GraphNode<any> }>; nodeDoubleClick
: EventHook<{ event
: MouseTouchEvent; node
: GraphNode<any> }>; nodeDrag
: EventHook<{ event
: MouseTouchEvent; node
: GraphNode<any> }>; nodeDragStart
: EventHook<{ event
: MouseTouchEvent; node
: GraphNode<any> }>; nodeDragStop
: EventHook<{ event
: MouseTouchEvent; node
: GraphNode<any> }>; nodeMouseEnter
: EventHook<{ event
: MouseEvent; node
: GraphNode<any> }>; nodeMouseLeave
: EventHook<{ event
: MouseEvent; node
: GraphNode<any> }>; nodeMouseMove
: EventHook<{ event
: MouseEvent; node
: GraphNode<any> }>; nodesChange
: EventHook<NodeChange[]>; paneClick
: EventHook<MouseEvent>; paneContextMenu
: EventHook<MouseEvent>; paneReady
: EventHook<FlowInstance>; paneScroll
: EventHook<undefined | WheelEvent>; selectionContextMenu
: EventHook<{ event
: MouseEvent; nodes
: GraphNode<any>[] }>; selectionDrag
: EventHook<{ event
: MouseTouchEvent; nodes
: GraphNode<any>[] }>; selectionDragStart
: EventHook<{ event
: MouseTouchEvent; nodes
: GraphNode<any>[] }>; selectionDragStop
: EventHook<{ event
: MouseTouchEvent; nodes
: GraphNode<any>[] }> }>initialized
initialized: boolean
Readonly instance
maxZoom
maxZoom: number
minZoom
minZoom: number
multiSelectionActive
multiSelectionActive: boolean
Optional noDragClassName
noDragClassName?: string
Optional noPanClassName
noPanClassName?: string
Optional noWheelClassName
noWheelClassName?: string
nodes
nodesConnectable
nodesConnectable: boolean
nodesDraggable
nodesDraggable: boolean
nodesSelectionActive
nodesSelectionActive: boolean
onlyRenderVisibleElements
onlyRenderVisibleElements: boolean
panOnDrag
panOnDrag: boolean
panOnScroll
panOnScroll: boolean
panOnScrollSpeed
panOnScrollSpeed: number
preventScrolling
preventScrolling: boolean
selectNodesOnDrag
selectNodesOnDrag: boolean
selectedNodesBbox
snapGrid
snapToGrid
snapToGrid: boolean
userSelectionActive
userSelectionActive: boolean
Readonly viewport
Readonly vueFlowVersion
vueFlowVersion: string
zoomOnDoubleClick
zoomOnDoubleClick: boolean
zoomOnPinch
zoomOnPinch: boolean
zoomOnScroll
zoomOnScroll: boolean
viewport dimensions - do not change!