Custom Edge with marker-end Arrow

[tandrew]

Hi, I am having difficulties to create a custom edge with an arrow as the marker-end.
I have tried a number of different options, but for the life of me I cannot get this to work.

I have forked the codesandbox template and just changed a single line, expecting this to work:
https://codesandbox.io/p/devbox/trusting-feynman-nml6t3

The line I have changed is in CustomEdge.vue:

<BaseEdge :path="path[0]" :marker-end="MarkerType.ArrowClosed" />

I have browsed the discussions here, but could not find a good answer to this problem.
I am almost certain that it is simple to accomplish, but would appreciate some help, if possible.

Thanks!
Andrew

[bcakmakoglu]

You're not using the markerEnd property correctly.
<BaseEdge> expects a string that represents a reference to a marker, for example url(#marker-id)

There's an example on how to customize markers in the docs right here.