ArrowShapeArrowheadEndStyle • tldraw Docs

Style property for the arrowhead at the end of an arrow.

Defines the visual style of the arrowhead at the end of the arrow path. Defaults to 'arrow' style, giving arrows their characteristic pointed appearance.

ArrowShapeArrowheadEndStyle: import('../styles/StyleProp').EnumStyleProp<
  | 'arrow'
  | 'bar'
  | 'diamond'
  | 'dot'
  | 'inverted'
  | 'none'
  | 'pipe'
  | 'square'
  | 'triangle'
>

Example

// Arrow with different start and end arrowheads
const doubleArrow: TLArrowShape = {
  // ... other properties
  props: {
    arrowheadStart: 'triangle',
    arrowheadEnd: 'diamond',
    // ... other props
  },
}