style(example): custom node connection line

2020-07-21 17:09:22 +02:00
parent 7f1b18bebb
commit 314b9a361e
1 changed files with 3 additions and 2 deletions
--- 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]}
    >