Is there a way to have a connector with 2 arrows

Question

I don't see an easy way to have a connector that has an arrow on both sides. I guess I could autogenerate a second arrow pointing in the opposite direction that lays on top of the original - but I would prefer to have a control that has two different arrows on each side of the connector.

Thank you,

Jamie

Sivaranjith Jeyabalan · Accepted Answer

Hi Jamie,We can create a connector with arrow at both ends of the
connector. We have created a sample in which we have set the source and target
decorator shape as Arrow. Please find the code example and sample below.Code Example:

{
      id: 'connector2',
      sourcePoint: {x: 300, y: 100},
      targetPoint: {x: 500, y: 300},
      type: 'Orthogonal',
      sourceDecorator:{shape:'Arrow'}
    },

Sample: https://stackblitz.com/edit/react-gdxqse?file=index.jsPlease refer this UG link for more information regarding
Decorator: https://ej2.syncfusion.com/react/documentation/diagram/connectors/#decoratorRegards,Sivaranjith

Jamie Gunn · Answer

Thank you

Shyam G · Answer

Hi Jamie,Please let us know if you need further assistance on this.Regards,Shyam G