Skip to main content

Locales

Overview​

Kritzel comes with built-in support for multiple languages and allows you to override or extend the default translations with custom locales.

Take a look at the Localization Terms to see all available localization keys.

Switching the Locale​

Set the locale prop on <KritzelEditor> or call the asynchronous setLocale() method through the editor ref. The editor updates its UI without a page reload.

Listening for Locale Changes​

Listen for the localeChange event to react when the active locale changes, for example to persist the selected language or update a custom settings panel. In Vue, the new locale is available through event.detail.

Registering Custom Locales​

Add support for additional languages or override individual term keys by providing a KritzelLocale definition. Pass custom locales through the locales prop or register them dynamically using registerLocales().

API Details​