接続線

接続線は、ハンドルをクリックしてドラッグアウトしたときに表示される線です。これは、可能なエッジを表し、近接した有効なハンドルにスナップできます。 slot="connectionLine" に Svelte コンポーネントを渡すことで、独自の接続線を実装できます。 useConnection フックを使用すると、現在の connection にアクセスできます。

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

<h1>Hello {data}</h1>

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