Represents the Kendo UI ToolBar DropDownButton for Angular.



Export Name

Accessible in templates as #kendoToolBarDropDownButtonInstance="kendoToolBarDropDownButton"


disabled boolean

Sets the disabled state of the DropDownButton.

showIcon DisplayMode

Defines the location of the button icon that will be displayed.

showText DisplayMode

Defines the location of the button text that will be displayed.

textField string

Sets the data item field that represents the item text.
If the data contains only primitive values, do not define it.

data any[]

Sets the data of the DropDownButton
(see example).

The data has to be provided in an array-like list.

icon string

Defines an icon that will be rendered next to the button text.

iconClass string

Defines an icon with a custom CSS class that will be rendered next to the button text.

imageUrl string

Defines the location of an image that will be displayed next to the button text.

popupSettings PopupSettings

Configures the popup of the DropDownButton.

The available options are:

  • animate:Boolean—Controls the popup animation. By default, the open and close animations are enabled.
  • popupClass:String—Specifies a list of CSS classes that are used to style the popup.

text string

Sets the text of the DropDownButton
(see example.


itemClick EventEmitter

Fires each time the user clicks a DropDownButton item.
The event data contains the data item that is bound to the clicked list item.