Skip to Content
📣 We just released Svelte Flow 1.0 Alpha — try it out and give us your feedback!
ExamplesNodesAdd Node On Edge Drop

Add Node On Edge Drop

You can create a new node when you drop the connection line on the pane by using the onConnectionStart and onConnectionStop handlers.

<script lang="ts"> import { SvelteFlowProvider } from '@xyflow/svelte'; import Flow from './Flow.svelte'; </script> <!-- You need the SvelteFlowProvider so you can useSvelteFlow --> <SvelteFlowProvider> <Flow /> </SvelteFlowProvider>
Last updated on