TldrawOptions

Options for configuring tldraw. For defaults, see defaultTldrawOptions.

interface TldrawOptions {}

const options: Partial<TldrawOptions> = {
  maxPages: 3,
  maxShapesPerPage: 1000,
}

function MyTldrawComponent() {
  return <Tldraw options={options} />
}

Properties

readonly adjacentShapeMargin: number

readonly animationMediumMs: number

readonly cameraMovingTimeoutMs: number

readonly cameraSlideFriction: number

readonly coarseDragDistanceSquared: number

readonly coarseHandleRadius: number

readonly coarsePointerWidth: number

readonly collaboratorCheckIntervalMs: number

readonly collaboratorIdleTimeoutMs: number

readonly collaboratorInactiveTimeoutMs: number

readonly defaultSvgPadding: number

readonly doubleClickDurationMs: number

readonly dragDistanceSquared: number

readonly edgeScrollDelay: number

readonly edgeScrollDistance: number

readonly edgeScrollEaseDuration: number

readonly edgeScrollSpeed: number

readonly flattenImageBoundsExpand: number

readonly flattenImageBoundsPadding: number

readonly followChaseViewportSnap: number

readonly gridSteps: readonly {
  readonly mid: number
  readonly min: number
  readonly step: number
}[]

readonly handleRadius: number

readonly hitTestMargin: number

readonly longPressDurationMs: number

readonly maxPages: number

readonly maxPointsPerDrawShape: number

readonly maxShapesPerPage: number

readonly multiClickDurationMs: number

readonly textShadowLod: number