New to KendoReact? Start a free 30-day trial

Globalization

The globalization process combines the translation of component messages with adapting them to specific locales.

For more information on how globalization practices are implemented in KendoReact, refer to the overview article. For more information on the globalization aspects which are available for each component, refer to the article on globalization support.

The following example demonstrates how to show the value as a culture-specific currency in the available Inputs components and how to localize their built-in messages.

Change Theme

Theme

Loading ...

Internationalization

The internationalization process applies specific culture formats to a web application.

For more information, refer to:

Messages

The Inputs support the localization of their messages by utilizing the KendoReact Internationalization package.

The following table lists the built-in message keys and their default values.

Message Key	Default Value
`numerictextbox.increment`	`Increase value`
`numerictextbox.decrement`	`Decrease value`
`slider.increment`	`Increase`
`slider.decrement`	`Decrease`
`slider.dragTitle`	`Drag`
`colorGradient.hex`	`hex`
`colorGradient.r`	`r`
`colorGradient.g`	`g`
`colorGradient.b`	`b`
`colorGradient.a`	`a`
`colorGradient.contrastRatio`	`Contrast ratio`
`colorGradient.colorGradientAALevel`	`AA`
`colorGradient.colorGradientAAALevel`	`AAA`
`colorGradient.colorGradientPass`	`Pass`
`colorGradient.colorGradientFail`	`Fail`
`colorGradient.hueSliderLabel`	`Hue slider`
`colorGradient.alphaSliderLabel`	`Alpha slider`
`colorGradient.toggleInputsButton`	`Toggle colorgradient inputs`
`flatColorPicker.cancelBtn`	`Cancel`
`flatColorPicker.applyBtn`	`Apply`
`flatColorPicker.colorGradientBtn`	`Color Gradient view`
`flatColorPicker.colorPaletteBtn`	`Color Palette view`
`flatColorPicker.clearBtn`	`Clear color value`
`checkbox.validation`	`Please check this box if you want to proceed!`
`checkbox.optionalText`	`(Optional)`
`radioButton.validation`	`Please select option if you want to proceed!`
`switch.validation`	`Please turn on if you want to proceed!`
`colorPicker.dropdownButtonAriaLabel`	`Select`
`rating.ariaLabel`	`Rating`
`signature.clear`	`Clear`
`signature.maximize`	`Maximize`
`signature.minimize`	`Minimize`

Right-to-Left Support

The following example demonstrates how to utilize the RTL support for the Inputs.