chore(examples): add undirectional

2021-03-02 11:12:35 +01:00
parent 19f854b716
commit b71c9eb891
4 changed files with 102 additions and 1 deletions
@@ -0,0 +1,19 @@
+import React, { memo, FC, CSSProperties } from 'react';
+
+import { Handle, Position, NodeProps } from 'react-flow-renderer';
+
+const nodeStyles: CSSProperties = { padding: '10px 15px', border: '1px solid #ddd' };
+
+const CustomNode: FC<NodeProps> = () => {
+  return (
+    <div style={nodeStyles}>
+      <div>node</div>
+      <Handle type="source" id="left" position={Position.Left} />
+      <Handle type="source" id="right" position={Position.Right} />
+      <Handle type="source" id="top" position={Position.Top} />
+      <Handle type="source" id="bottom" position={Position.Bottom} />
+    </div>
+  );
+};
+
+export default memo(CustomNode);