From 314b9a361e611d0023c616da344b0a7d7ca8ed64 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 21 Jul 2020 17:09:22 +0200
Subject: [PATCH] style(example): custom node connection line

---
 example/src/CustomNode/index.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/example/src/CustomNode/index.js b/example/src/CustomNode/index.js
index 9dc682c3..247f4b2b 100644
--- a/example/src/CustomNode/index.js
+++ b/example/src/CustomNode/index.js
@@ -56,7 +56,8 @@ const CustomNodeFlow = () => {
   }, []);
 
   const onElementsRemove = (elementsToRemove) => setElements((els) => removeElements(elementsToRemove, els));
-  const onConnect = (params) => setElements((els) => addEdge(params, els));
+  const onConnect = (params) =>
+    setElements((els) => addEdge({ ...params, animated: true, style: { stroke: '#fff' } }, els));
 
   return (
     <ReactFlow
@@ -70,7 +71,7 @@ const CustomNodeFlow = () => {
       nodeTypes={{
         selectorNode: ColorSelectorNode,
       }}
-      connectionLineStyle={{ stroke: '#ddd' }}
+      connectionLineStyle={{ stroke: '#fff' }}
       snapToGrid={true}
       snapGrid={[16, 16]}
     >