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

chore(examples): custom node pass isConnectable

Browse Source
This commit is contained in:
moklick
2021-07-20 12:23:00 +02:00
parent 595a715a0f
commit 08bbfc7616
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/src/CustomNode/ColorSelectorNode.tsx
+3 -3
View File
@@ -8,7 +8,7 @@ const sourceHandleStyleB: CSSProperties = { ...targetHandleStyle, bottom: 10, to
const onConnect = (params: Connection | Edge) => console.log('handle onConnect', params); const onConnect = (params: Connection | Edge) => console.log('handle onConnect', params);
const ColorSelectorNode: FC<NodeProps> = ({ data }) => { const ColorSelectorNode: FC<NodeProps> = ({ data, isConnectable }) => {
return ( return (
<> <>
<Handle type="target" position={Position.Left} style={targetHandleStyle} onConnect={onConnect} /> <Handle type="target" position={Position.Left} style={targetHandleStyle} onConnect={onConnect} />
@@ -16,8 +16,8 @@ const ColorSelectorNode: FC<NodeProps> = ({ data }) => {
Custom Color Picker Node: <strong>{data.color}</strong> Custom Color Picker Node: <strong>{data.color}</strong>
</div> </div>
<input className="nodrag" type="color" onChange={data.onChange} defaultValue={data.color} /> <input className="nodrag" type="color" onChange={data.onChange} defaultValue={data.color} />
<Handle type="source" position={Position.Right} id="a" style={sourceHandleStyleA} /> <Handle type="source" position={Position.Right} id="a" style={sourceHandleStyleA} isConnectable={isConnectable} />
<Handle type="source" position={Position.Right} id="b" style={sourceHandleStyleB} /> <Handle type="source" position={Position.Right} id="b" style={sourceHandleStyleB} isConnectable={isConnectable} />
</> </>
); );
}; };