Skip to Content
✨ Svelte Flow 1.0 is here! Rewritten for Svelte 5 with many new features and improvements.

Edge<EdgeData, EdgeType>

An Edge is the complete description with everything Svelte Flow needs to know in order to render it.

Fields

NameTypeDefault
idstring

Unique id of an edge.

typeEdgeType

Type of edge defined in edgeTypes.

sourcestring

Id of source node.

targetstring

Id of target node.

sourceHandlestring | null

Id of source handle, only needed if there are multiple handles per node.

targetHandlestring | null

Id of target handle, only needed if there are multiple handles per node.

animatedboolean
hiddenboolean
deletableboolean
selectableboolean
dataEdgeData

Arbitrary data passed to an edge.

selectedboolean
markerStartEdgeMarkerType

Set the marker on the beginning of an edge.

markerEndEdgeMarkerType

Set the marker on the end of an edge.

zIndexnumber
ariaLabelstring
interactionWidthnumber

ReactFlow renders an invisible path around each edge to make them easier to click or tap on. This property sets the width of that invisible path.

labelstring
labelStylestring
stylestring
classClassValue
focusableboolean
Last updated on