feat(svelte) added connectionMode prop

This commit is contained in:
Peter
2023-09-25 15:58:12 +02:00
parent 1a935de3f9
commit 75434d059b
5 changed files with 13 additions and 4 deletions
@@ -14,6 +14,7 @@ import {
Controls,
Background,
MiniMap,
ConnectionMode,
} from '@xyflow/react';
const onNodeDragStart = (_: ReactMouseEvent, node: Node, nodes: Node[]) => console.log('drag start', node, nodes);
@@ -193,6 +194,7 @@ const OverviewFlow = () => {
<ReactFlow
nodes={nodes}
edges={edges}
connectionMode={ConnectionMode.Loose}
onNodesChange={onNodesChange}
onEdgesChange={onEdgesChange}
onNodeClick={onNodeClick}
@@ -11,7 +11,8 @@
type NodeTypes,
type EdgeTypes,
type Node,
type Edge
type Edge,
ConnectionMode
} from '@xyflow/svelte';
import CustomNode from './CustomNode.svelte';
@@ -161,6 +162,7 @@
}}
autoPanOnConnect
autoPanOnNodeDrag
connectionMode={ConnectionMode.Loose}
>
<Controls />
<Background variant={BackgroundVariant.Dots} />