chore(svelte): cleanup examples

2023-08-24 15:01:47 +02:00
parent bd922889b4
commit 34abe4781f
14 changed files with 22 additions and 6 deletions
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { Handle, Position, type NodeProps } from '../../../lib/index';
+
+  type $$Props = NodeProps;
+
+  export let data: { color: string; onChange: () => void } = { color: '#111', onChange: () => {} };
+</script>
+
+<Handle type="target" position={Position.Left} on:connect />
+<div>
+  Custom Color Picker Node: <strong>{data.color}</strong>
+</div>
+<input class="nodrag" type="color" on:input={data.onChange} value={data.color} />
+<Handle type="source" position={Position.Right} id="a" style="top: 10px;" on:connect />
+<Handle
+  type="source"
+  position={Position.Right}
+  id="b"
+  style="top: auto; bottom: 10px;"
+  on:connect
+/>