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: {},
}