ExamplesNodes

Intersections

The useSvelteFlow hook exports helpers to check intersections of nodes and areas. In this example you can drag a node and get a visual feedback when it intersects with another node.

<script lang="ts">
  import { SvelteFlowProvider } from '@xyflow/svelte';
  import Flow from './Flow.svelte';
</script>
 
<SvelteFlowProvider>
  <Flow />
</SvelteFlowProvider>