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 | |
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 | |
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 |
Last updated on