LinkMarkerOptions

Sizing, color, and stroke options shared by every built-in linkMarker* factory. Build a marker, then attach it to a LinkStyle.

Example

import { linkStyle, linkMarkerArrow, linkMarkerCircle } from '@joint/react';

const attrs = linkStyle({
  sourceMarker: linkMarkerCircle({ scale: 1.2 }),
  targetMarker: linkMarkerArrow({ fill: 'none' }),
});

Properties

className?

readonly optional className?: string;

Optional CSS class added to the marker root.

---

fill?

readonly optional fill?: string;

Fill color. Defaults to inheriting the link's stroke; use 'none' for an outline-only marker.

Default

'inherit'

---

scale?

readonly optional scale?: number;

Uniform scale factor applied to the marker geometry.

Default

1

---

stroke?

readonly optional stroke?: string;

Stroke (outline) color. Defaults to inheriting the link's stroke.

Default

'inherit'

---

strokeWidth?

readonly optional strokeWidth?: number;

Stroke width, in px.

Default

2