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

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Disabled ButtonGroupYou 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 modeYou 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 collectionsYou can iterate on a collection of configuration options and render multiple Button components.
  • AppearanceThe ButtonGroup delivers ready-to-use, predefined sets of styling options for modifying the whole group of buttons.
  • GlobalizationAll Kendo UI for Angular Buttons provide globalization options.
  • AccessibilityThe ButtonGroup is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe ButtonGroup supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?