set up of react flow done, example of custom node created, not typed

space_flow/src/CustomNodes/inputTextFolder/index.tsx

@@ -0,0 +1,28 @@
+import { useCallback } from 'react';
+import { Handle, Position } from 'reactflow';
+
+
+const handleStyle = {left:10};
+
+export default function TextUpdaterNode({data}) 
+{
+    const onChange = useCallback((evt)=>{
+        console.log(evt.target.value)
+    },[])
+
+
+    return (
+        <div className="text-updater-node">
+            <Handle type='target' position={Position.Top}/>
+            <div>
+                <label htmlFor='text'>Text:</label>
+                <input id="text" name="text" onChange={onChange}></input>
+            </div>
+            <Handle type='source' id='a' position={Position.Bottom} style={handleStyle}/>
+            <Handle type='source' id='b' position={Position.Bottom}/>
+        </div>
+    )
+}
+
+
+

space_flow/src/CustomNodes/inputTextFolder/inputText.css

@@ -0,0 +1,14 @@
+.text-updater-node {
+    height: 50px;
+    border: 1px solid black;
+    padding: 5px;
+    border-radius: 5px;
+    background: white;
+  }
+  
+  .text-updater-node label {
+    display: block;
+    color: #777;
+    font-size: 12px;
+  }
+