Edge<EdgeData, EdgeType>

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

Fields

Name	Type	Default
`id`	`string` Unique id of an edge.
`type`	`EdgeType` Type of edge defined in `edgeTypes`.
`source`	`string` Id of source node.
`target`	`string` Id of target node.
`sourceHandle`	`string \| null` Id of source handle, only needed if there are multiple handles per node.
`targetHandle`	`string \| null` Id of target handle, only needed if there are multiple handles per node.
`animated`	`boolean`
`hidden`	`boolean`
`deletable`	`boolean`
`selectable`	`boolean`
`data`	`EdgeData` Arbitrary data passed to an edge.
`selected`	`boolean`
`markerStart`	`EdgeMarkerType` Set the marker on the beginning of an edge.
`markerEnd`	`EdgeMarkerType` Set the marker on the end of an edge.
`zIndex`	`number`
`ariaLabel`	`string`
`interactionWidth`	`number` 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.
`label`	`string`
`labelStyle`	`string`
`style`	`string`
`class`	`ClassValue`
`focusable`	`boolean`
`ariaRole`	`AriaRole \| null \| undefined` The ARIA role attribute for the edge, used for accessibility.	`"group"`
`domAttributes`	`Omit<SVGAttributes<SVGGElement>, "role" \| "id" \| "style" \| "class" \| "aria-label" \| "dangerouslySetInnerHTML">` General escape hatch for adding custom attributes to the edge’s DOM element.