diff --git a/packages/react/src/types/edges.ts b/packages/react/src/types/edges.ts index b65b78c3..be7d0571 100644 --- a/packages/react/src/types/edges.ts +++ b/packages/react/src/types/edges.ts @@ -114,13 +114,24 @@ export type EdgeProps = Pick< * @public */ export type BaseEdgeProps = EdgeLabelOptions & { + /** unique id of edge */ id?: string; + /** additional padding where interacting with an edge is still possible */ interactionWidth?: number; className?: string; + /** x position of edge label */ labelX?: number; + /** y position of edge label */ labelY?: number; + /** marker at start of edge + * @example 'url(#arrow)' + */ markerStart?: string; + /** marker at end of edge + * @example 'url(#arrow)' + */ markerEnd?: string; + /** svg path of the edge */ path: string; style?: CSSProperties; }; diff --git a/packages/svelte/src/lib/components/BaseEdge/types.ts b/packages/svelte/src/lib/components/BaseEdge/types.ts index c4135c1c..51d02abb 100644 --- a/packages/svelte/src/lib/components/BaseEdge/types.ts +++ b/packages/svelte/src/lib/components/BaseEdge/types.ts @@ -5,10 +5,19 @@ export type BaseEdgeProps = Pick< 'interactionWidth' | 'label' | 'labelStyle' | 'style' > & { id?: string; + /** svg path of the edge */ path: string; + /** x coordinate of the label */ labelX?: number; + /** y coordinate of the label */ labelY?: number; + /** marker at start of edge + * @example 'url(#arrow)' + */ markerStart?: string; + /** marker at end of edge + * @example 'url(#arrow)' + */ markerEnd?: string; class?: string; };