Getting Started with KendoReact Localization

The KendoReact Localization package enables you to adapt a component to a different locale by providing options for translating its messages or by enabling its right-to-left support.

The KendoReact Localization feature is part of the KendoReact library which provides native Kendo UI components for the React ecosystem and is available under the kendo-react-intl NPM package.


Translation of Messages

The Internationalization message files get populated when the files with the translated messages for the specific locales are available. Some of the provided localization files might be incomplete because the current message translations are not delivered for all languages. For the full list of currently available message translations, refer to the kendo-react-messages repository.

To add new localization files for a specific language:

  1. Fork the kendo-react-messages repository.
  2. Apply the respective changes.
  3. Open a pull request. For that pull request you will be granted Telerik points.

Optionally, you can directly send the new localization files through the Support Ticket system so that the Support Team reflect the changes in the kendo-react-messages repository and update your Telerik points.

RTL Support

Right-to-Left (RTL) support represents the ability of a library, website, or application to handle and respond to users who communicate through right-to-left languages. Right-to-left languages are Arabic, Hebrew, Chinese, Japanese, and others.

By default, the RTL mode is disabled. In web applications, the RTL mode is enabled through the dir attribute of a DOM element. To enable the RTL mode for all KendoReact components in your React application, set a text direction value to the root element of the application. You can also limit the RTL mode to a part of the application by providing the dir property to a KendoReact component.

In this article

Not finding the help you need?