22 lines
647 B
Svelte
22 lines
647 B
Svelte
<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
|
|
/>
|