---
pageClass: examples

---

# Updatable Edge

Existing edges can be updated, meaning their source / target position can be changed interactively.

Update an edge by simply dragging it from one node to another at the edge-anchor (handles).

You can enable updating edges either globally by passing the `edgesUpdatable` prop or you can enable it
for specific edges by using the `updatable` attribute.


<div class="mt-6">
  <client-only>
    <Suspense>
      <Repl example="updateEdge"></Repl>
    </Suspense>
  </client-only>
</div>
