[ Web Proxy ]

Viewing: https://reactflow.dev/api-reference/types/node-connection

[Back] [Original]

NodeConnection - React FlowSkip to Content

React Flow

Learn Reference Examples UI ShowcaseMoreReact Flow Pro Remove Attribution

SearchGitHub Discord

Learn
- Quick Start
- Core Concepts
- Customization
- Layouting
  - Overview
  - Sub Flows
- Advanced Use
- Tutorials
- Troubleshooting
- API Reference
Reference
Examples
UI
- Introduction
- Templates
  - AI Workflow Editor
  - Workflow Editor
- Components
  - Node Utilities
  - Base Node
  - Status Indicator
  - Appendix
  - Tooltip
  - Custom Nodes
  - Database Schema
  - Placeholder
  - Labeled Group
  - Handles
  - Base Handle
  - Labeled Handle
  - Button Handle
  - Custom Edges
  - Edge with Button
  - Edge with Node Data
  - Animated SVG Edge
  - Controls
  - Node Search
  - Zoom Slider
  - Zoom Select
  - Misc
  - DevTools
- Request a Component
Showcase
More
React Flow Pro
Remove Attribution

NodeConnection

Source on GitHub

The NodeConnection type is an extension of a basic Connection that includes the edgeId.

Fields

Name	Type	Default
`source`	`string` The id of the node this connection originates from.
`target`	`string` The id of the node this connection terminates at.
`sourceHandle`	`string \| null` When not `null`, the id of the handle on the source node that this connection originates from.
`targetHandle`	`string \| null` When not `null`, the id of the handle on the target node that this connection terminates at.
`edgeId`	`string`

Last updated on August 17, 2026

A project by the xyflow team

We are building and maintaining open source software for node-based UIs since 2019.

Docs

Getting Started API Reference Examples UI Showcase Playground

Social

Discord Github X / Twitter Bluesky

xyflow

Blog Open Source About Contact Careers

Legal

MIT License Code of Conduct Imprint

info@xyflow.com Copyright 2026 webkid GmbH. All rights reserved website design by Facu Montanaro

Web Proxy Viewer | New URL | Original Page