Files
vue-flow/docs/examples/custom-node/OutputNode.vue
2024-02-05 07:51:12 +01:00

15 lines
434 B
Vue

<script setup>
import { Handle, Position, useHandleConnections, useNodesData } from '@vue-flow/core'
const connections = useHandleConnections({
type: 'target',
})
const data = useNodesData(() => connections.value[0]?.source)
</script>
<template>
<Handle type="target" :position="Position.Left" :style="{ backgroundColor: data?.color, filter: 'invert(100%)' }" />
{{ data?.isGradient ? 'GRADIENT' : data?.color }}
</template>