@joint/react
    Preparing search index...

    Interface 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.

    interface LinkStyle {
        className?: string;
        color?: string;
        dasharray?: string;
        linecap?: LiteralUnion<"butt" | "round" | "square">;
        linejoin?: LiteralUnion<"bevel" | "round" | "miter">;
        sourceMarker?: LinkMarker;
        targetMarker?: LinkMarker;
        width?: string | number;
        wrapperClassName?: string;
        wrapperColor?: string;
        wrapperWidth?: number;
    }
    Index

    Properties

    className? color? dasharray? linecap? linejoin? sourceMarker? targetMarker? width? wrapperClassName? wrapperColor? wrapperWidth?

    Properties

    className?: string

    Extra CSS class added to the visible line.

    ''
    color?: string

    Stroke color of the visible line. Any CSS color, including CSS variables. Empty inherits the theme default.

    ''
    dasharray?: string

    Dash pattern in SVG stroke-dasharray syntax, e.g. '5,5' for a dashed line.

    ''
    linecap?: LiteralUnion<"butt" | "round" | "square">

    Stroke line cap of the line ends.

    ''
    linejoin?: LiteralUnion<"bevel" | "round" | "miter">

    Stroke line join at the line's corners.

    ''
    sourceMarker?: LinkMarker

    Marker at the source end: a LinkMarkerName, a LinkMarkerRecord, or 'none' for no marker.

    'none'
    targetMarker?: LinkMarker

    Marker at the target end: a LinkMarkerName, a LinkMarkerRecord, or 'none' for no marker.

    'none'
    width?: string | number

    Stroke width of the visible line, a number (px) or CSS length string. Empty inherits the theme default.

    ''
    wrapperClassName?: string

    Extra CSS class added to the wrapper.

    ''
    wrapperColor?: string

    Stroke color of the wrapper. Usually transparent, set it to make the hit area visible while debugging.

    'transparent'
    wrapperWidth?: number

    Stroke width, in px, of the transparent wrapper that widens the pointer hit area.

    10

    Settings

    Member Visibility

    On This Page

    Properties