ToolBarDropDownButtonComponent
Represents the Kendo UI ToolBar DropDownButton for Angular.
Use this component to add a button that opens a popup with a list of items in the ToolBar.
Definition
Package:@progress/kendo-angular-toolbar
Selector:kendo-toolbar-dropdownbutton
Export Name:Accessible in templates as #kendoToolBarDropDownButtonInstance="kendoToolBarDropDownButton"
Syntax:
<kendo-toolbar>
<kendo-toolbar-dropdownbutton text="Paste Variations" [data]="data">
</kendo-toolbar-dropdownbutton>
</kendo-toolbar>Inputs
arrowIcon
boolean | ArrowIconSettings
Shows the default arrow icon or lets you provide a custom one.
false
buttonClass
string
Sets the CSS classes for the main button.
Accepts values supported by ngClass.
data
any[]
Sets the data of the DropDownButton (see example).
Provide the data as an array-like list.
disabled
boolean
When true, disables the DropDownButton.
fillMode
ButtonFillMode
Sets the fill mode for the button. The fill mode represents the background and border styles. The default value is set by the Kendo theme.
undefined
icon
string
Sets the icon rendered next to the button text.
iconClass
string
Sets a custom CSS class icon rendered next to the button text.
imageUrl
string
Sets a URL for the image displayed next to the button text.
Configures the popup of the DropDownButton.
Accepts a PopupSettings object that allows you to customize the popup behavior and appearance.
Controls the button icon visibility.
'always'
Controls the button text visibility.
'always'
svgIcon
SVGIcon
Sets the SVGIcon rendered in the button.
Accepts an existing Kendo SVG icon or a custom one.
text
string
Sets the text of the DropDownButton (see example).
textField
string
Sets the data item field that repesents the item text. If the data contains only primitive values, do not set this property.
themeColor
ButtonThemeColor
Sets the predefined theme color for the button. The theme color applies to the background, border, and text (see example). The default value is set by the Kendo theme.
undefined
title
string
Sets the title attribute of the underlying button element.
''
Events
close
EventEmitter<PreventableEvent>
Fires when the popup is about to close. This event is preventable. If you cancel the event, the popup stays open.
itemClick
EventEmitter<any>
Fires each time the user clicks a DropDownButton item. The event data contains the clicked item's data.
open
EventEmitter<PreventableEvent>
Fires when the popup is about to open. This event is preventable. If you cancel the event, the popup stays closed.