Edges are the strings 🧶 used to connect nodes.Visualization and interaction behavior can be customized for Edges by creating your own custom components.Edges styling can be fully controlled via CSS by passing the expose “path” variable on an HTML Path Element. Custom labels can also be passed via the “label” slot.Custom Edges are then passed as children to the Anchor component or via the “edge” prop of an Anchor component. Any Edge initiated from that Anchor will render out your custom path and label.Edges can also be passed to the Svelvet and Node components, enabling the ability to set a global Edge style which can be overriden at the Anchor or Node level.Edges also accept callback functions that run in response to click events on the path.
When customizing the Edge path via your own path element, props controlling the Edge apperance
such as color, width and animate will no longer apply