Components / ToolBar / API / ToolBarComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

ToolBarComponent

Represents the Kendo UI ToolBar component for Angular.

Selector

kendo-toolbar

Export Name

Accessible in templates as #kendoToolBarInstance="kendoToolBar"

Inputs

NameTypeDefaultDescription

overflow

boolean

Hides the overflowing tools in a popup.

popupSettings

PopupSettings

Configures the popup of the ToolBar drop-down list.

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

NameTypeDescription

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

In this article

Not finding the help you need?

Contact Support