TLTextShape • tldraw Docs

A text shape that can display formatted text content with various styling options. Text shapes support rich formatting, automatic sizing, and consistent styling through the tldraw style system.

type TLTextShape = TLBaseShape<'text', TLTextShapeProps>

Example

const textShape: TLTextShape = {
  id: 'shape:text123',
  typeName: 'shape',
  type: 'text',
  x: 100,
  y: 200,
  rotation: 0,
  index: 'a1',
  parentId: 'page:main',
  isLocked: false,
  opacity: 1,
  props: {
    color: 'black',
    size: 'm',
    font: 'draw',
    textAlign: 'start',
    w: 200,
    richText: toRichText('Sample text'),
    scale: 1,
    autoSize: false,
  },
  meta: {},
}