Kendo UI for Angular DropDownButton Overview

The Kendo UI for Angular DropDownButton looks like the Button and when clicked, it displays a popup list with action items.

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Disabled DropDownButtonYou can use the configuration options of the DropDownButton to disable the component so that users are not able to interact with it.
  • Icon DropDownButtonThe DropDownButton enables you to display various types of icons including the built-in Kendo UI icons as well as FontAwesome and image icons.
  • Popup items and templatesYou can configure the DropDownButton popup and popup items by visually enhancing their rendering and by using templates for controlling their content.
  • Data bindingYou can bind the DropDownButton to data of the primitive (strings and numbers) or of the complex (data inside objects) type.
  • GlobalizationAll Kendo UI for Angular Buttons provide globalization options.
  • AccessibilityThe DropDownButton is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe DropDownButton supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?