ExamplesEdges

Reconnect Edge

An edge is reconnectable by dragging it to another handle if you are using the onReconnect handler prop. The handler gets called after the edge gets dropped to a new handle. You can use the reconnectEdge helper function to update your edges state accordingly.

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

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

Read-only

A couple of properties interact with one another to determine whether an edge is updatable or not: