Skip to main content

Locales

Overview​

Kritzel includes support for multiple languages and lets you extend or override its translations with custom locales.

See Localization Terms for all available keys.

Switching the Locale​

Set the locale prop on <KritzelEditor> or call the asynchronous setLocale() method through a typed editor ref. The editor updates all UI controls and context menus without a reload.

Listening for Locale Changes​

Use onLocaleChange to synchronize React state, persist the selected language, or update custom controls when Kritzel changes locale. The new LocaleCode is available as event.detail.

Registering Custom Locales​

Add languages such as Spanish or override individual keys such as menu.copy and settings.dialogTitle with a KritzelLocale. Pass custom definitions through the locales prop or register them dynamically with registerLocales().

API Details​