diff --git a/packages/vue-flow/src/components/Edges/BaseEdge.ts b/packages/vue-flow/src/components/Edges/BaseEdge.ts
index 031b91b7..8fd789f1 100644
--- a/packages/vue-flow/src/components/Edges/BaseEdge.ts
+++ b/packages/vue-flow/src/components/Edges/BaseEdge.ts
@@ -1,7 +1,7 @@
 import type { CSSProperties, FunctionalComponent } from 'vue'
 import EdgeText from './EdgeText.vue'
 
-interface Props {
+export interface BaseEdgeProps {
   centerX: number
   centerY: number
   path: string
@@ -20,7 +20,7 @@ interface Props {
  * 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<Props> = function ({
+const BaseEdge: FunctionalComponent<BaseEdgeProps> = function ({
   path,
   centerX,
   centerY,
diff --git a/packages/vue-flow/src/components/Edges/index.ts b/packages/vue-flow/src/components/Edges/index.ts
index 562d702b..70abfca2 100644
--- a/packages/vue-flow/src/components/Edges/index.ts
+++ b/packages/vue-flow/src/components/Edges/index.ts
@@ -1,4 +1,4 @@
-export { default as BaseEdge } from './BaseEdge'
+export { default as BaseEdge, BaseEdgeProps } from './BaseEdge'
 export { default as BezierEdge } from './BezierEdge'
 export { default as SimpleBezierEdge } from './SimpleBezierEdge'
 export { default as StepEdge } from './StepEdge'
diff --git a/packages/vue-flow/src/index.ts b/packages/vue-flow/src/index.ts
index 73235e28..a202d51e 100644
--- a/packages/vue-flow/src/index.ts
+++ b/packages/vue-flow/src/index.ts
@@ -2,7 +2,16 @@ export { default as VueFlow } from './container/VueFlow/VueFlow.vue'
 
 export { default as Handle } from './components/Handle/Handle.vue'
 
-export { StraightEdge, StepEdge, BezierEdge, SimpleBezierEdge, SmoothStepEdge, BaseEdge, EdgeText } from './components/Edges'
+export {
+  StraightEdge,
+  StepEdge,
+  BezierEdge,
+  SimpleBezierEdge,
+  SmoothStepEdge,
+  BaseEdge,
+  BaseEdgeProps,
+  EdgeText,
+} from './components/Edges'
 
 export {
   getBezierPath,