Skip to main content

<BaseEdge />

The BaseEdge component gets used internally for all the edges. It can be used inside a custom edge and handles the invisible helper edge and the edge label for you.

Usage

import { BaseEdge } from 'reactflow';

function CustomEdge(props: EdgeProps) {
return <BaseEdge {...props} />;
}

Prop Types

You can pass the following props to the <BaseEdge /> component:

  • path: string
  • labelX: number
  • labelY: number
  • label: string
  • labelStyle: svg attributes
  • labelShowBg: boolean
  • labelBgStyle: svg attributes
  • labelBgPadding: number
  • labelBgBorderRadius: number
  • style: svg attributes
  • markerStart: string or marker config
  • markerEnd: string or marker config
  • interactionWidth: number - if 0, no extra helper edge will be rendered