chore(examples): use connectionDragThreshold

2025-06-16 21:23:25 +02:00
parent a07dc81afa
commit 53d13aca01
2 changed files with 9 additions and 1 deletions
--- a/examples/react/src/examples/CustomConnectionLine/index.tsx
+++ b/examples/react/src/examples/CustomConnectionLine/index.tsx
@@ -36,6 +36,7 @@ const ConnectionLineFlow = () => {
      onEdgesChange={onEdgesChange}
      connectionLineComponent={ConnectionLine}
      onConnect={onConnect}
+      connectionDragThreshold={25}
    >
      <Background variant={BackgroundVariant.Lines} />
    </ReactFlow>
--- a/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
+++ b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
@@ -24,7 +24,14 @@
 </script>

 <div style="height:100vh;">
-	<SvelteFlow bind:nodes bind:edges {nodeTypes} fitView connectionLineComponent={ConnectionLine}>
+	<SvelteFlow
+		bind:nodes
+		bind:edges
+		{nodeTypes}
+		fitView
+		connectionLineComponent={ConnectionLine}
+		connectionDragThreshold={100}
+	>
 		<Background variant={BackgroundVariant.Lines} />
 	</SvelteFlow>
 </div>