• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGrid
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs

Kendo UI for Angular Button Overview

The Kendo UI for Angular Button is an Angular component 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 110+ 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.

View Source
Change Theme:

Key Features

  • Disabled Button—You can use the configuration options of the Button to disable the component so that users are not able to interact with it.
  • Icon Button—The Button enables you to display various types of icons including the built-in Kendo UI icons as well as FontAwesome and image icons.
  • Toggleable Button—By using the toggleable feature, you can also show that a Button is inactive.
  • Appearance—The Button delivers ready-to-use, predefined sets of styling options.
  • Globalization—All Kendo UI for Angular Buttons provide globalization options.

To learn more about the appearance, anatomy, and accessibility of the Button, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources