Custom Connection Line

If the default connection lines aren't to your liking, or you want to expand on the existing functionality you can pass a custom connection line component to Vue Flow.

Simply pass a component in the designated template slot, and you're good to go.

<template>
  <VueFlow>
    <template #connection-line="props">
      <MyCustomConnectionLine v-bind="props" />
    </template>
  </VueFlow>
</template>

You can see a working example in the sandbox.