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.

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

• By default the edgesReconnectable is set to true.

• For edges to actually be draggable, though, it is also necessary to define a onReconnect handler.

• Individual edges can refine or override the edgesReconnectable prop by setting their reconnectable property.

  • true means the edge is reconnectable even if edgesReconnectable

  • "source" or "target" means the edge is reconnectable only from the source or target handle regardless of the edgesReconnectable prop.

  • false means the edge is not reconnectable even if edgesReconnectable is set to true.