Simple Floating Edges

This example shows how to implement an edge type that dynamically connects to the closest handle.

<script lang="ts">
const data: string = "world";
</script>

<h1>Hello {data}</h1>

<style>
h1 {
  font-size: 1.5rem;
}
</style>

Read-only

⚠️

To surpress unknown prop warnings in the browser console, please refer to the guide.