Learn
Reference
Examples
Learn
Reference
Examples
Examples
Getting started
Tldraw component
Custom renderer
Rendering shapes change
Static assets
Persistence key
Read-only
Force mobile
Infer dark mode
Inset editor
Scrolling container
Editor focus
Multiple editors
UI & theming
Custom actions menu
Custom context menu
Custom debug menu
Custom help menu
Custom keyboard shortcuts dialog
Custom main menu
Custom navigation panel
Custom page menu
Custom quick actions
Custom style panel
Custom toolbar
Custom zoom menu
External UI
External UI (Context)
Hidden UI components
Hide UI
Inset canvas
Add a tool to the Toolbar
Changing default colors
Custom UI
UI zones
Action overrides
Canvas components
Context toolbar
Error boundary
Keyboard shortcuts
Things on the canvas
External dialog
Floaty window
Inline behavior
Inline layout
Tldraw image component
Shapes & tools
Selection UI
Custom shape
Custom tool
Drag and drop
Interactive shape
Speech bubble
Using tldraw styles
Custom tool (screenshot)
Editable shape
Tool with child states
Using custom styles
Bounds Snapping Shape
Custom shape and tool
Shape with migrations
Data & assets
Local Storage
Asset props
External content sources
Hosted images
Local images
Shape meta
Shape meta (on change)
Shape meta (on create)
Meta Migrations
Editor API
Code x-ray for UI events
Controlling the editor
Snapshots
Canvas events
Store events
Minimal
Sublibraries
Before create/update shape
Before delete shape
After create/update shape
After delete shape
Collaboration
User presence
YJS
Use cases
Image annotator
PDF editor
Slideshow
Close
External dialog
You can make dialogs pop outside of the
Tldraw
component by overriding our default styles.
Things on the canvas
Floaty window
