Table of contents

Base props for the Tldraw and TldrawEditor components.

interface TldrawEditorBaseProps {}

Properties

autoFocus

Whether to automatically focus the editor when it mounts.

autoFocus?: boolean

bindingUtils

An array of binding utils to use in the editor.

bindingUtils?: readonly TLAnyBindingUtilConstructor[]

cameraOptions

Camera options for the editor.

cameraOptions?: Partial<TLCameraOptions>

children

The component's children.

children?: ReactNode

className

A classname to pass to the editor's container.

className?: string

components

Overrides for the editor's components, such as handles, collaborator cursors, etc.

components?: TLEditorComponents

inferDarkMode

Whether to infer dark mode from the user's OS. Defaults to false.

inferDarkMode?: boolean

initialState

The editor's initial state (usually the id of the first active tool).

initialState?: string

licenseKey

The license key.

licenseKey?: string

onMount

Called when the editor has mounted.

onMount?: TLOnMountHandler

options

Options for the editor.

options?: Partial<TldrawOptions>

shapeUtils

An array of shape utils to use in the editor.

shapeUtils?: readonly TLAnyShapeUtilConstructor[]

tools

An array of tools to add to the editor's state chart.

tools?: readonly TLStateNodeConstructor[]

user

The user interacting with the editor.

user?: TLUser

TLCursorPropsTldrawEditorWithoutStoreProps