TLArrowShape • tldraw Docs

A complete arrow shape record.

Combines the base shape interface with arrow-specific properties to create a full arrow shape that can be stored and manipulated in the editor.

type TLArrowShape = TLBaseShape<"arrow", TLArrowShapeProps>;

Example

const arrowShape: TLArrowShape = {
  id: "shape:arrow123",
  typeName: "shape",
  type: "arrow",
  x: 100,
  y: 200,
  rotation: 0,
  index: "a1",
  parentId: "page:main",
  isLocked: false,
  opacity: 1,
  props: {
    kind: "arc",
    start: { x: 0, y: 0 },
    end: { x: 150, y: 100 },
    // ... other props
  },
  meta: {},
};