ToolBarComponent

Represents the Kendo UI ToolBar component for Angular.

Selector

kendo-toolbar

Export Name

Accessible in templates as #kendoToolBarInstance="kendoToolBar"

Inputs

Name	Type	Default	Description
fillMode	ToolbarFillMode	'solid'	The fillMode property specifies the background and border styles of the Toolbar (see example).
overflow	boolean | OverflowMode | ToolbarOverflowSettings	false	Configures the overflow mode. Used to specify how tools will be rendered when the total size of all tools is greater than the size of the Toolbar container.
popupSettings	PopupSettings		Configures the popup of the ToolBar overflow button (see example). 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.
size	ToolbarSize		Specifies the padding of all Toolbar elements. The possible values are: small medium (default) large none
tabindex	number		Specifies the tabindex of the ToolBar.

Events

Name	Type	Description
close	EventEmitter<PreventableEvent>	Fires when the overflow popup of the ToolBar is closed.
open	EventEmitter<PreventableEvent>	Fires when the overflow popup of the ToolBar is opened.

Methods

toggle
Toggles the visibility of the overflow popup.
Parameters popupOpen? boolean