All Components

Buttons Overview

Buttons provide a clickable UI functionality with arbitrary content. Currently, the Buttons package includes the Kendo UI Button and ButtonGroup for Angular.

The Button represents a directive that can be applied on a <button></button> element, while the ButtonGroup component contains a number of Button instances that can be initialized and controlled simultaneously.

Apart from the consistent Kendo UI styling they support, Buttons can be temporarily enabled and disabled depending on the business logic of your project. They can also accommodate background, image, and font icons, which provide a meaningful context and help you to send your message across much more easily.


The Buttons 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-buttons

Once installed, import the ButtonsModule in your application bootstrap.

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

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