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

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.

View Source
Change Theme:


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

For more information, refer to:


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

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

Message KeyDefault Value
numerictextbox.incrementIncrease value
numerictextbox.decrementDecrease value

Right-to-Left Support

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

{% meta height:250 %}

<div id="vueapp" class="vue-app">
    <div class="row example-wrapper" >
        <div class="col-12 col-md-6 example-col">
            <k-input :label="'First name'" dir="rtl"></k-input>
        <div class="col-12 col-md-6 example-col">
import { NumericTextBox, Input } from '@progress/kendo-vue-inputs';
Vue.component('k-input', Input);
Vue.component('numerictextbox', NumericTextBox);

new Vue({
    el: '#vueapp'

{% endmeta %}

In this article

Not finding the help you need?