Skip to main content
Version: 4.3

linkRoutingOrthogonal()

function linkRoutingOrthogonal(options?): LinkRouting;

Orthogonal routing: links travel in horizontal and vertical segments only and steer around elements, the right-angle look common in flowcharts and ER diagrams.

Returns a LinkRouting bundle for the Paper linkRouting prop.

Parameters

ParameterTypeDescription
optionsLinkRoutingOrthogonalOptionsoverrides for corner style/radius, routing margins, and anchors

Returns

LinkRouting

Paper link defaults for orthogonal routing

Example

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

// round the bends and keep links 24px clear of elements
<Paper linkRouting={linkRoutingOrthogonal({ cornerRadius: 12, margin: 24 })} />

Stay in the know

Be where thousands of diagramming enthusiasts meet

Star us on GitHub