alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(example): custom node connection line

Browse Source
This commit is contained in:
moklick
2020-07-21 17:09:22 +02:00
parent 7f1b18bebb
commit 314b9a361e
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/src/CustomNode/index.js
+3 -2
View File
@@ -56,7 +56,8 @@ const CustomNodeFlow = () => {
}, []); }, []);
const onElementsRemove = (elementsToRemove) => setElements((els) => removeElements(elementsToRemove, els)); 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 ( return (
<ReactFlow <ReactFlow
@@ -70,7 +71,7 @@ const CustomNodeFlow = () => {
nodeTypes={{ nodeTypes={{
selectorNode: ColorSelectorNode, selectorNode: ColorSelectorNode,
}} }}
connectionLineStyle={{ stroke: '#ddd' }} connectionLineStyle={{ stroke: '#fff' }}
snapToGrid={true} snapToGrid={true}
snapGrid={[16, 16]} snapGrid={[16, 16]}
> >