The connection line is the line that gets drawn while you connect two nodes with each other.
You can adjust the connection line by using the props documented in the
connection line options section. If you want to implement a custom connection line, you can pass a React component to the
connectionLineComponent prop. The connection line component will receive the following props:
Connection Line Component Props
|x position of the source handle|
|y position of the source handle|
|position of the source handle|
|x position of the target handle|
|y position of the target handle|
|position of the target handle|
|the node where the connection comes from|
|the handle where the connection comes from|
You can find an implementation in the custom connection line example.