d71de0a92d
* chore(docs): update basic example styles * chore(docs): update confirm delete example styles * chore(docs): update dnd example styles * chore(docs): update hidden example * chore(docs): update update node example * chore(docs): update node toolbar example styles * chore(docs): update transition example styles * chore(docs): cleanup basic example els * chore(docs): cleanup examples
19 lines
513 B
Vue
19 lines
513 B
Vue
<script setup>
|
|
import { Handle, Position, useHandleConnections, useNodesData } from '@vue-flow/core'
|
|
|
|
const connections = useHandleConnections({
|
|
type: 'target',
|
|
})
|
|
|
|
const nodesData = useNodesData(() => connections.value[0]?.source)
|
|
</script>
|
|
|
|
<template>
|
|
<Handle
|
|
type="target"
|
|
:position="Position.Left"
|
|
:style="{ height: '16px', width: '6px', backgroundColor: nodesData.data?.color, filter: 'invert(100%)' }"
|
|
/>
|
|
{{ nodesData.data?.isGradient ? 'GRADIENT' : nodesData.data?.color }}
|
|
</template>
|