chore(svelte-readme): update example

This commit is contained in:
Moritz Klack
2023-08-22 10:56:23 +02:00
committed by GitHub
parent 77b4d57ebb
commit a0921e7a9b
+2 -8
View File
@@ -24,13 +24,11 @@ A basic flow looks like this:
import { writable } from 'svelte/store';
import {
SvelteFlow,
SvelteFlowProvider,
Controls,
Background,
BackgroundVariant,
MiniMap,
Panel,
type NodeTypes
type SnapGrid
} from '@xyflow/svelte';
// We are using writables for the nodes and edges to sync them easily. When a user drags a node for example, Svelte Flow updates its position.
@@ -60,16 +58,12 @@ A basic flow looks like this:
label: 'Edge Text'
}
]);
const snapGrid = [25, 25];
</script>
<SvelteFlow
{nodes}
{edges}
{nodeTypes}
fitView
snapGrid={snapGrid}
on:nodeclick={(event) => console.log('on node click', event)}
>
<Controls />
@@ -104,4 +98,4 @@ You can now access the examples under http://127.0.0.1:5173
# License
Svelte Flow is MIT Licensed.
Svelte Flow is MIT Licensed.