Back to Tldraw

Changing menus

apps/examples/src/examples/ui/custom-menus/README.md

5.1.0575 B
Original Source

Customize tldraw's menus, including the toolbar, main menu, context menu, page menu, and more.


You can use the components prop to override tldraw's default menus. You can provide a React component of your own, import our default component and edit it, or return null to hide it completely. This example demonstrates how to do this with every menu in tldraw, including the following:

  • Toolbar
  • Main menu
  • Context menu
  • Page menu
  • Actions menu
  • Debug menu
  • Help menu
  • Keyboard shortcuts dialog
  • Navigation panel
  • Quick actions panel
  • Style panel
  • Zoom menu