Edge

Source on GitHub 

Where a Connection is the minimal description of an edge between two nodes, an Edge is the complete description with everything React Flow needs to know in order to render it.

export type Edge<T> = DefaultEdge<T> | SmoothStepEdge<T> | BezierEdge<T>;

Variants

Edge

Source on GitHub 

SmoothStepEdge

Source on GitHub 

The SmoothStepEdge variant has all the same fields as an Edge, but it also has the following additional fields:

BezierEdge

Source on GitHub 

The BezierEdge variant has all the same fields as an Edge, but it also has the following additional fields:

Default edge types

You can create any of React Flow’s default edges by setting the type property to one of the following values:

• "default"
• "straight"
• "step"
• "smoothstep"
• "simplebezier"

If you don’t set the type property at all, React Flow will fallback to the "default" bezier curve edge type.

These default edges are available even if you set the edgeTypes prop to something else, unless you override any of these keys directly.