Skip to main content

SmartSmoothStepEdge

SmartSmoothStepEdge uses orthogonal jump-point pathfinding and rounds corners when drawing — the smart equivalent of React Flow's SmoothStepEdge.

import { SmartSmoothStepEdge } from "@tisoap/react-flow-smart-edge";

const edgeTypes = { smartSmoothStep: SmartSmoothStepEdge };

Custom corner radius​

Use svgDrawSmoothStepLinePath with createSmartEdge:

import {
  createSmartEdge,
  svgDrawSmoothStepLinePath,
} from "@tisoap/react-flow-smart-edge";

const edgeTypes = {
  smartSmoothStep: createSmartEdge("smoothstep", {
    drawEdge: svgDrawSmoothStepLinePath({ borderRadius: 20 }),
  }),
};