diff --git a/examples/svelte/src/routes/overview/+page.svelte b/examples/svelte/src/routes/overview/+page.svelte index 36027a67..5fdd7d47 100644 --- a/examples/svelte/src/routes/overview/+page.svelte +++ b/examples/svelte/src/routes/overview/+page.svelte @@ -15,12 +15,14 @@ } from '@xyflow/svelte'; import CustomNode from './CustomNode.svelte'; + import CustomNodeDragHandle from './CustomNodeDragHandle.svelte'; import CustomEdge from './CustomEdge.svelte'; import '@xyflow/svelte/dist/style.css'; const nodeTypes: NodeTypes = { - custom: CustomNode + custom: CustomNode, + dragHandle: CustomNodeDragHandle }; const edgeTypes: EdgeTypes = { @@ -68,6 +70,13 @@ style: 'border: 2px solid #ff5050;', position: { x: 450, y: 150 } }, + { + id: 'C', + type: 'dragHandle', + data: { label: 'custom drag handle' }, + dragHandle: '.custom-drag-handle', + position: { x: 450, y: 250 } + }, { id: '4', type: 'custom', diff --git a/examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte b/examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte new file mode 100644 index 00000000..dcdddfc8 --- /dev/null +++ b/examples/svelte/src/routes/overview/CustomNodeDragHandle.svelte @@ -0,0 +1,19 @@ + + +