@joint/react
    Preparing search index...

    Function linkRoutingSmooth

    • Smooth routing: links are drawn as soft bezier curves instead of straight or right-angle segments, for a more organic look.

      Returns a LinkRouting bundle for the Paper linkRouting prop.

      Parameters

      • options: LinkRoutingSmoothOptions = {}

        overrides for anchor and connection-point offsets

        Options for linkRoutingSmooth.

        • Optional ReadonlymarkerSelector?: string

          The attrs selector that holds the marker definitions.

          'line'
        • Optional Readonlymode?: LinkMode

          Which side of an element or port each link end attaches to; see LinkMode for how each value behaves.

          'auto'
        • Optional ReadonlysourceOffset?: number

          Offset (in px) applied to the connection point at the source end.

          0
        • Optional ReadonlystraightWhenDisconnected?: boolean

          Fall back to a straight line while either end is still unconnected (e.g. mid-drag).

          true
        • Optional ReadonlytargetOffset?: number

          Offset (in px) applied to the connection point at the target end.

          0

      Returns LinkRouting

      Paper link defaults for smooth routing

      import { Paper, linkRoutingSmooth } from '@joint/react';

      <Paper linkRouting={linkRoutingSmooth()} />

    Settings

    Member Visibility