# 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](https://www.telerik.com/kendo-react-ui/components/intl). For more information on the globalization aspects which are available for each component, refer to the article on [globalization support](https://www.telerik.com/kendo-react-ui/components/intl/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.

[Demo Source](https://demos.telerik.com/kendo-react-ui/inputs/globalization/func/source.txt)

## Internationalization

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

For more information, refer to:

* [KendoReact documentation on internationalization](https://www.telerik.com/kendo-react-ui/components/intl/i18n)
* [kendo-intl (the base Internationalization package on GitHub)](https://github.com/telerik/kendo-intl)

## Messages

The Inputs support the localization of their messages by utilizing the [KendoReact Internationalization package](https://www.telerik.com/kendo-react-ui/components/intl/i18n).

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`                                        |
| `otpInput.ariaLabel`                  | `One-time password`                             |
| `otpInput.cellAriaLabel`              | `Digit {index} of {total}`                      |
| `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.

[Demo Source](https://demos.telerik.com/kendo-react-ui/inputs/rtl/func/source.txt)

## Suggested Links

* [Globalization](https://www.telerik.com/kendo-react-ui/components/intl)
* [Internationalization](https://www.telerik.com/kendo-react-ui/components/intl/i18n)
* [Localization](https://www.telerik.com/kendo-react-ui/components/intl/l10n)