Edge Types

Edge Types

• bezier: Bezier curve (default recommendation)
• straight: Straight line
• step: Step line
• smoothstep: Smooth step line

Example: Multiple Edge Types, Labels, and Animations

Edge Types

Edge Properties

Property	Type	Description
id	string	Unique edge identifier
source	string	Source node ID
target	string	Target node ID
sourceHandle	string	Source handle ID
targetHandle	string	Target handle ID
type	EdgeType	Edge render type (bezier/straight/step/smoothstep)
label	string	Label text or HTML
animated	boolean	Enable flow animation
style	EdgeStyle	Custom styles (e.g., stroke, strokeWidth)
selected	boolean	Whether edge is selected

Next

• Interaction
• Alignment
• Plugin System