Skip to content

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

label
Start
bezier
straight
step
smoothstep
End
Edge Types

Edge Properties

PropertyTypeDescription
idstringUnique edge identifier
sourcestringSource node ID
targetstringTarget node ID
sourceHandlestringSource handle ID
targetHandlestringTarget handle ID
typeEdgeTypeEdge render type (bezier/straight/step/smoothstep)
labelstringLabel text or HTML
animatedbooleanEnable flow animation
styleEdgeStyleCustom styles (e.g., stroke, strokeWidth)
selectedbooleanWhether edge is selected

Next

Released under the MIT License.