Drag and Drop

A drag and drop user interface is very common for node-based workflow editors. The drag and drop behaviour outside of the React Flow pane is not built in but can be implemented with the native HTML Drag and Drop API (used in this example) or a third party library like react-draggable.

export default function App() {
  const data: string = "world"

  return <h1>Hello {data}</h1>
}