useSvelteFlow

This example demonstrates how to use the useSvelteFlow store and actions in your Svelte components. Learn how to access and manipulate the flow state, handle events, and implement custom functionality using Svelte Flow’s built-in utilities.


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