diff --git a/packages/core/src/components/Edges/BaseEdge.vue b/packages/core/src/components/Edges/BaseEdge.vue index dd51a26a..65f7dcb4 100644 --- a/packages/core/src/components/Edges/BaseEdge.vue +++ b/packages/core/src/components/Edges/BaseEdge.vue @@ -4,7 +4,7 @@ import type { BaseEdgeProps } from '../../types' import { isNumber } from '../../utils' import EdgeText from './EdgeText.vue' -const { interactionWidth = 20, labelShowBg = true } = defineProps() +const { interactionWidth = 20, labelShowBg = true, ...props } = defineProps() const pathEl = ref(null) @@ -34,7 +34,7 @@ export default { :id="id" ref="pathEl" :d="path" - :style="attrs.style" + :style="props.style" class="vue-flow__edge-path" :class="attrs.class" :marker-end="markerEnd" diff --git a/packages/core/src/types/edge.ts b/packages/core/src/types/edge.ts index 8be91600..35f14063 100644 --- a/packages/core/src/types/edge.ts +++ b/packages/core/src/types/edge.ts @@ -200,6 +200,7 @@ export interface BaseEdgeProps extends EdgeLabelOptions { markerStart?: string markerEnd?: string interactionWidth?: number + style?: CSSProperties } export type BezierEdgeProps = EdgePositions &