Kendo UI for Angular ButtonGroup Overview

The Kendo UI for Angular ButtonGroup is a container for two or more Button components.

Each Button in the ButtonGroup can be separately configured depending on the requirements of your project and according to its API reference.

The ButtonGroup 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 ButtonGroup in action.

Example
View Source
Change Theme:

Key Features

  • Disabled ButtonGroup—You can use the configuration options of the ButtonGroup to disable the whole group of buttons or a single button so that users are not able to interact with it.
  • Selection mode—You can render only some of the buttons within the ButtonGroup as active so that the user interaction with the rest of them is restricted.
  • Button collections—You can iterate on a collection of configuration options and render multiple Button components.
  • Appearance—The ButtonGroup delivers ready-to-use, predefined sets of styling options for modifying the whole group of buttons.
  • Globalization—All Kendo UI for Angular Buttons provide globalization options.
  • Accessibility—The ButtonGroup is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigation—The ButtonGroup supports a number of keyboard shortcuts for processing various commands.

To learn more about the appearance, anatomy, and accessibility of the ButtonGroup, 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