Connector line tool
Visual connector primitive — straight, orthogonal, or curved bezier — with arrow / dot / diamond endpoint caps and an optional label-on-line slot.
Production answer
Connector line tool is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Connector line tool states
Generative search brief
Connector line tool: Visual connector primitive — straight, orthogonal, or curved bezier — with arrow / dot / diamond endpoint caps and an optional label-on-line slot.
Straight · arrow end cap · label slot
depends on
Orthogonal · dot start · diamond end · dashed
blocks
Curved · arrow end · brand red · workshop bay → quote PDF
Bay 2 → Quote PDF
Behaviour
SVG path is generated per shape — straight uses L, orthogonal builds a three-segment path through the midpoint, curved uses a single cubic C with control points 45% along the x-axis. Caps are rendered as SVG markers so colour passes through to fill.