Skip to content
D
Documentation

LinkStyle

reference
2 min readUpdated

Import it from @grafloria/engine.

ts
interface LinkStyle

Properties

NameTypeDefaultDescription
className?stringExtra CSS class(es) put verbatim on the rendered path, alongside diagram-link and the state classes. Host-CSS hook; never read back.
styleClass?stringName(s) of NAMED STYLES to apply — the classDef / linkStyle equivalent. Space-separated (later names win). See NodeStyle.styleClass; identical cascade: theme < type-default < named-class < element-inline < state.
stroke?string | LinearGradient | RadialGradient | Pattern
strokeWidth?number
strokeDasharray?string
opacity?number
arrowHead?ArrowStyle
arrowTail?ArrowStyle
curvature?numberSmooth/bezier curve TIGHTNESS, as a multiplier of the endpoint distance for the control-point offset. Default 0.5 (unchanged legacy behaviour); 0 collapses the curve onto its chord, larger values bulge harder. Honoured by both LinkModel.generateSmoothPath and the SVG renderer's control-point maths, so a link looks the same however its path was produced.
jetty?number. Minimum port-anchor stub (px): the route leaves the source and enters the target perpendicular to the port side for at least this length before the first bend — GUARANTEED, not best-effort (the router enforces it on whichever routing branch produced the path). Unset = the legacy 20px best-effort stub, byte-for-byte.
cornerRadius?numberPER-LINK orthogonal corner radius (px). Defaults to the renderer's built-ins (5px for orthogonal, 12px for the rounded fallback a smooth detour falls back to). 0 gives hard 90° corners.
jumpPoints?JumpPointConfig
parallel?ParallelLinkConfigHow THIS link behaves when it is one of several links between the same pair of nodes. Per-link override of the renderer-wide parallelLinks config.
selfLoop?SelfLoopConfigHow THIS link is drawn when it is a SELF-LOOP (source node === target node). Ignored on ordinary links.
template?stringName of a registered LINK TEMPLATE (registerLinkTemplate in
gradient?LinearGradient | RadialGradient
pattern?Pattern
shadow?Shadow
animation?LinkAnimation
markers?Marker[]

Was this page helpful?

LinkStyle — Grafloria