Skip to content

Connection Validation ​

Connections can be validated before edges are created and nodes get connected.

Using a handle in a custom node ​

vue
<div>
  [ ... ]

  <Handle type="source" :is-valid-connection="isValidConnection" />
</div>
<div>
  [ ... ]

  <Handle type="source" :is-valid-connection="isValidConnection" />
</div>

Passing as node option ​

ts
const nodes = [
  {
    id: '1',
    label: 'Node 1',
    position: { x: 0, y: 0 },
    isValidSourcePos: (connection) => {
      return connection.target === '2'
    },
  },
]
const nodes = [
  {
    id: '1',
    label: 'Node 1',
    position: { x: 0, y: 0 },
    isValidSourcePos: (connection) => {
      return connection.target === '2'
    },
  },
]

Released under the MIT License.