All Components


Globalization is a process that combines the translation of component messages and the usage of specific culture locales.

The following example demonstrates how to use the Spanish locale and the increment and decrement button titles.

import { Component } from '@angular/core';

    selector: 'my-app',
    template: `
        <kendo-numerictextbox format="c" [value]="10000.10">
                increment="Incrementar valor"
                decrement="Disminuir valor"

export class AppComponent {
import { LOCALE_ID, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { InputsModule } from '@progress/kendo-angular-inputs';

import { AppComponent } from './app.component';

/* Loading CLDR data */
import { load } from '@progress/kendo-angular-intl';


  bootstrap:    [ AppComponent ],
  declarations: [ AppComponent ],
  imports:      [ BrowserModule, BrowserAnimationsModule, InputsModule ],
  providers:    [ { provide: LOCALE_ID, useValue: 'es' } ]
export class AppModule { }

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';


const platform = platformBrowserDynamic();


Internationalization (i18n) is the process of applying specific culture locale formats to your application.

Of the Inputs components, only the NumericTextBox provides support for internationalization by utilizing the Kendo UI Internationalization package. The other Inputs components do not operate with dates or numbers and, therefore, do not utilize the Internationalization format options.

For more information on using different locales from the default one, refer to the article on Internationalization. For more information on the date and number formats Kendo UI for Angular supports, refer to the kendo-intl GitHub repository.


Localization (l10n) is the process of translating the component messages in specific languages.

Of the Inputs components, only the NumericTextBox, Slider, and Switch support localization and have a dedicated API for using built-in messages and customizing their content.

Built-In Messages

To translate the built-in messages, utilize the Angular i18n framework. For more information on how to achieve this, refer to the article on Localization.

Custom Messages

You can also override individual messages for each component instance by utilizing the attribute bindings. To use them, you do not have to set up the application for i18n.

In i18n applications, message attributes take precedence over localized text from translation files.

The following example demonstrates how to customize the built-in messages of the NumericTextBox.

    selector: 'my-app',
    template: `
                increment="Custom increment"
                decrement="Custom decrement"

class AppComponent {
In this article