LinkStyle
Visual styling for a link, the visible line plus its invisible pointer
hit-area wrapper. Hand it to linkStyle (or a link record's style
field); empty-string values fall back to the CSS variables in theme.css.
Properties
className?
optional className?: string;
Extra CSS class added to the visible line.
Default
''
color?
optional color?: string;
Stroke color of the visible line. Any CSS color, including CSS variables. Empty inherits the theme default.
Default
''
dasharray?
optional dasharray?: string;
Dash pattern in SVG stroke-dasharray syntax, e.g. '5,5' for a dashed line.
Default
''
linecap?
optional linecap?: LiteralUnion<"butt" | "round" | "square">;
Stroke line cap of the line ends.
Default
''
linejoin?
optional linejoin?: LiteralUnion<"bevel" | "round" | "miter">;
Stroke line join at the line's corners.
Default
''
sourceMarker?
optional sourceMarker?: LinkMarker;
Marker at the source end: a LinkMarkerName, a LinkMarkerRecord, or 'none' for no marker.
Default
'none'
targetMarker?
optional targetMarker?: LinkMarker;
Marker at the target end: a LinkMarkerName, a LinkMarkerRecord, or 'none' for no marker.
Default
'none'
width?
optional width?: string | number;
Stroke width of the visible line, a number (px) or CSS length string. Empty inherits the theme default.
Default
''
wrapperClassName?
optional wrapperClassName?: string;
Extra CSS class added to the wrapper.
Default
''
wrapperColor?
optional wrapperColor?: string;
Stroke color of the wrapper. Usually transparent, set it to make the hit area visible while debugging.
Default
'transparent'
wrapperWidth?
optional wrapperWidth?: number;
Stroke width, in px, of the transparent wrapper that widens the pointer hit area.
Default
10