# ToolBar

## Example

```
<kendo-toolbar>
    <overflow />
    <toolbar-items></toolbar-items>
</kendo-toolbar>
```

## ChildTags

| Tag Name      | Details                                                                                                                                            |
| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
| overflow      | [ToolBarOverflowSettingsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/toolbaroverflowsettingstaghelper) |
| toolbar-items | [ToolBarItemsTagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.taghelpers/toolbaritemstaghelper)                       |

## Attributes

| Attribute             | Type                                                                                                 | Description                                                                                                                                                                                                                                                      |
| --------------------- | ---------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| name                  | String                                                                                               | Sets the name of the component.                                                                                                                                                                                                                                  |
| navigate-on-tab       | Boolean                                                                                              | If set to true this configuration option would enable Tab-based navigation among ToolBar items.                                                                                                                                                                  |
| on-click              | String                                                                                               | The name of the JavaScript function that will handle the click event. Fires when the user clicks a command button.                                                                                                                                               |
| on-close              | String                                                                                               | The name of the JavaScript function that will handle the close event. Fires when the SplitButton's popup closes.                                                                                                                                                 |
| on-kendo-keydown      | String                                                                                               | The name of the JavaScript function that will handle the kendoKeydown event. Triggered when the user presses a keyboard key while the ToolBar is focused.The event handler function context (available via the this keyword) will be set to the widget instance. |
| on-open               | String                                                                                               | The name of the JavaScript function that will handle the open event. Fires when the Split Button's popup opens.                                                                                                                                                  |
| on-overflow-close     | String                                                                                               | The name of the JavaScript function that will handle the overflowClose event. Fires when the overflow popup container is about to close.                                                                                                                         |
| on-overflow-open      | String                                                                                               | The name of the JavaScript function that will handle the overflowOpen event. Fires when the overflow popup container is about to open.                                                                                                                           |
| on-toggle             | String                                                                                               | The name of the JavaScript function that will handle the toggle event. Fires when the user changes the checked state of a toggle button.                                                                                                                         |
| resizable             | Boolean                                                                                              | If resizable is set to true the widget will detect changes in the viewport width and hides the overflowing controls in the command overflow popup.                                                                                                               |
| script-attributes     | IDictionary\<String,Object>                                                                          | Sets the attributes that will be added to the script tag of the component's initialization script.                                                                                                                                                               |
| size                  | [ComponentSize](https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui/componentsize) | Specifies the size of the component. Default is Medium.                                                                                                                                                                                                          |
| is-in-client-template | Boolean                                                                                              | When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.                                                                                                                                 |
| deferred              | Boolean                                                                                              | Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.                                                                                                                                      |
| as-module             | Boolean                                                                                              | Specifies whether the initialization script of the component will be rendered as a JavaScript module.                                                                                                                                                            |