TLArrowBinding • tldraw Docs

Represents a binding relationship between an arrow shape and another shape. Arrow bindings allow arrows to connect to and follow other shapes, maintaining the connection even when shapes are moved or transformed.

type TLArrowBinding = TLBaseBinding<'arrow', TLArrowBindingProps>

Example

const arrowBinding: TLArrowBinding = {
  id: 'binding:abc123',
  typeName: 'binding',
  type: 'arrow',
  fromId: 'shape:arrow1', // The arrow shape
  toId: 'shape:rectangle1', // The target shape
  props: {
    terminal: 'end',
    normalizedAnchor: { x: 0.5, y: 0.5 },
    isExact: false,
    isPrecise: true,
    snap: 'edge',
  },
  meta: {},
}