diff --git a/package/src/components/Edges/BaseEdge.ts b/package/src/components/Edges/BaseEdge.ts index 28235d58..557d542b 100644 --- a/package/src/components/Edges/BaseEdge.ts +++ b/package/src/components/Edges/BaseEdge.ts @@ -16,6 +16,10 @@ interface Props { markerEnd?: string } +/** + * The base edge is a simple wrapper for svg path + * You can use the base edge in your custom edges and just pass down the necessary props + */ const BaseEdge: FunctionalComponent = function ({ path, centerX, diff --git a/package/src/components/Edges/index.ts b/package/src/components/Edges/index.ts index 70dc3441..4a004273 100644 --- a/package/src/components/Edges/index.ts +++ b/package/src/components/Edges/index.ts @@ -1,3 +1,4 @@ +export { default as BaseEdge } from './BaseEdge' export { default as BezierEdge } from './BezierEdge' export { default as SimpleBezierEdge } from './SimpleBezierEdge' export { default as StepEdge } from './StepEdge' diff --git a/package/src/index.ts b/package/src/index.ts index 072a9c61..73235e28 100644 --- a/package/src/index.ts +++ b/package/src/index.ts @@ -2,7 +2,7 @@ export { default as VueFlow } from './container/VueFlow/VueFlow.vue' export { default as Handle } from './components/Handle/Handle.vue' -export { StraightEdge, StepEdge, BezierEdge, SimpleBezierEdge, SmoothStepEdge, EdgeText } from './components/Edges' +export { StraightEdge, StepEdge, BezierEdge, SimpleBezierEdge, SmoothStepEdge, BaseEdge, EdgeText } from './components/Edges' export { getBezierPath,