All Components

Inputs Overview

Inputs are fields which allow for an input of data, based on a specific and predefined format. Currently, Inputs include the Kendo UI Slider and the Kendo UI Switch components for Angular.

The Slider lets users select a value from a predefined range. The values can be increased or decreased over a pre-defined step by dragging a handle along the track, or by clicking the side arrow buttons. The component supports two modes of display—horizontal and vertical.

The Switch lets the user toggle between checked and unchecked states.


The Inputs are published as a scoped package on the on the Progress NPM Registry (

Install the package by using NPM.

To install the npm package, it is recommended to use the Node.js 5.0.0 or later versions.

   npm install --save @progress/kendo-angular-inputs

Once installed, import the InputsModule in your application bootstrap.

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { InputsModule } from '@progress/kendo-angular-inputs';
import { AppComponent } from './app.component';

    bootstrap:    [AppComponent],
    declarations: [AppComponent],
    imports:      [BrowserModule, InputsModule]
export class AppModule {
In this article