カスタムエッジ

Svelte Flow には、default（ベジェ）、straight（直線）、step（ステップ）、smoothstep（スムースステップ）の 4 種類のエッジタイプがあります。特別なエッジルーティングやエッジのコントロールが必要な場合は、カスタムエッジを作成することも可能です。この例では、ボタン付きエッジ、双方向エッジ、自己接続エッジの実装方法を紹介します。すべての例で、ヘルパーとして BaseEdge コンポーネントを使用しています。

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

<h1>Hello {data}</h1>

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