ToolBarComponent
Represents the Kendo UI ToolBar component for Angular.
Definition
Package:@progress/kendo-angular-toolbar
Selector:kendo-toolbar
Export Name:Accessible in templates as #kendoToolBarInstance="kendoToolBar"
Syntax:
<kendo-toolbar>
<kendo-toolbar-button text="Button"></kendo-toolbar-button>
</kendo-toolbar>Inputs
Sets the fill mode for the ToolBar. This property controls the background and border styles of the ToolBar (see example). The default value is set by the Kendo theme.
overflow
boolean | ToolbarOverflowSettings | OverflowMode
Sets the overflow mode for the ToolBar. Use this property to control how tools render when their total size is greater than the ToolBar container.
false
Configures the popup for the ToolBar overflow button. Use this property to customize the overflow popup appearance and behavior (see example).
showIcon
boolean | DisplayMode
Sets the icon visibility for all tools in the ToolBar.
You can override this property for each tool using the showIcon property of the tool.
'always'
showText
boolean | DisplayMode
Sets the text visibility for all tools in the ToolBar.
You can override this property for each tool using the showText property of the tool.
'always'
Sets the size for all ToolBar elements. Use this property to control the padding of the ToolBar elements. The default value is set by the Kendo theme.
tabindex
number
Sets the tabindex attribute of the ToolBar.
Use this property to control the tab order of the ToolBar component.
0
Events
close
EventEmitter<PreventableEvent>
Emits when the overflow popup of the ToolBar closes.
open
EventEmitter<PreventableEvent>
Emits when the overflow popup of the ToolBar opens.
Methods
Toggles the visibility of the overflow popup.