Kendo UI for Angular Button Overview

The Kendo UI for Angular Button is an Angular directive which performs any action attached to it and triggers a corresponding event when users click it.

To communicate its purpose with the users, the Button shows a piece of information by displaying text, icon and text, or icon only. The Button provides configuration properties and predefined sets of styling options for enhancing its appearance.

The Button Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Button in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Disabled ButtonYou can use the configuration options of the Button to disable the component so that users are not able to interact with it.
  • Icon ButtonThe Button enables you to display various types of icons including the built-in Kendo UI icons as well as FontAwesome and image icons.
  • Primary ButtonRendering the Button as primary draws the focus of the users to a specific action on the page.
  • Toggleable ButtonBy using the toggleable feature, you can also show that a Button is inactive.
  • AppearanceThe Button delivers ready-to-use, predefined sets of styling options.
  • GlobalizationAll Kendo UI for Angular Buttons provide globalization options.

In this article

Not finding the help you need?