New to Kendo UI for Vue? Start a free 30-day trial

ToolBar

Directive

kendo-toolbar

Child Components

Props

resizable Boolean

If resizable is set to true, the ToolBar will detect changes in the viewport width and will hide the overflowing controls in the overflow popup of the command (resizable in Kendo UI for jQuery).

items Array

A JavaScript array that contains the configuration of the ToolBar commands (items in Kendo UI for jQuery).

Events

click: Function

Fires when the user clicks a command button (click in Kendo UI for jQuery).

kendoclick: Function

Specially provided for Vue 3 scenarios. Fires when the user clicks a command button (click in Kendo UI for jQuery).

close: Function

Fires when the SplitButton's popup closes (close in Kendo UI for jQuery).

open: Function

Fires when the Split Button's popup opens (open in Kendo UI for jQuery).

toggle: Function

Fires when the user changes the checked state of a toggle button (toggle in Kendo UI for jQuery).

overflowclose: Function

Fires when the overflow popup container is about to close (overflowClose in Kendo UI for jQuery).

overflowopen: Function

Fires when the overflow popup container is about to open (overflowOpen in Kendo UI for jQuery).

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoWidget

returns

Returns the Kendo UI ToolBar instance.