GeoShapeGeoStyle • tldraw Docs

Style property defining the geometric shape type for geo shapes. Provides a variety of built-in geometric forms including basic shapes, polygons, arrows, and special shapes.

GeoShapeGeoStyle: import('../styles/StyleProp').EnumStyleProp<
  | 'arrow-down'
  | 'arrow-left'
  | 'arrow-right'
  | 'arrow-up'
  | 'check-box'
  | 'cloud'
  | 'diamond'
  | 'ellipse'
  | 'heart'
  | 'hexagon'
  | 'octagon'
  | 'oval'
  | 'pentagon'
  | 'rectangle'
  | 'rhombus-2'
  | 'rhombus'
  | 'star'
  | 'trapezoid'
  | 'triangle'
  | 'x-box'
>

Example

// Use in shape props
const props = {
  geo: 'rectangle', // or 'ellipse', 'triangle', etc.
  // other properties...
}