Advanced utilities

These are lower-level helpers for fully custom nodes. Most apps render elements as HTML with HTMLHost and never need them; they become useful once you draw your own SVG markup and want the same control a native JointJS shape would give you: named connection targets, JSX-authored markup, content-driven sizing, and proper SVG text.

For the HTML-first way of building custom nodes, start with Elements instead.

JSX to Markup

Learn how to use the jsx() utility to write static JointJS markup in JSX syntax in @joint/react.

Element Selectors

Learn how to use useMarkup() to register named selectors inside React-rendered elements in @joint/react.

SVG Text

Learn how to use SVGText for wrapped, truncated, and aligned SVG labels in @joint/react.

Measuring Elements

Learn how to use useMeasureElement() to let raw SVG content determine element size in @joint/react, and useOnElementsMeasured() to react after measurement settles.