Back to Tldraw

Custom translations and overrides

apps/examples/src/examples/ui/custom-language-translations/README.md

5.0.0631 B
Original Source

Customize tldraw's translation strings and use them in custom components.


Apps often need to customize UI text to match their brand voice or terminology. This example demonstrates how to:

  • Override existing translation strings (e.g., changing "Duplicate" to "Make a copy")
  • Support multiple languages with custom terminology
  • Use the useTranslation hook in your own components to access translations

The example creates a custom toolbar that uses translated strings via the useTranslation hook, and shows how to override those translations for multiple languages using the overrides prop on the Tldraw component.