title | page_title | description | slug | canonicalLink | position |
---|---|---|---|---|---|
Overview |
ToolBar Overview - Components - Kendo UI for Vue |
Get an overview of the features the Kendo UI ToolBar wrapper for Vue delivers and use the component in Vue projects. |
overview_toolbar_wrapper |
1 |
The ToolBar holds various controls such as buttons, groups of buttons, toggle buttons, split buttons, and other customized elements.
The ToolBar wrapper for Vue is a client-side wrapper for the Kendo UI ToolBar widget.
The following example demonstrates the ToolBar in action.
{% meta height:350 %} {% embed_file toolbar/overview/basic-usage/main.vue preview %} {% embed_file toolbar/overview/basic-usage/main.js %} {% endmeta %}
- [Command types]({% slug command_types_toolbar_wrapper %})
- [Templates]({% slug templates_toolbar_wrapper %})
- [Resizing]({% slug resizing_toolbar_toolbar_wrapper %})
- [Keyboard navigation]({% slug keyboard_navigation_toolbar_wrapper %})
- [RTL support]({% slug right_to_left_support_toolbar_wrapper %})
The following example demonstrates basic ToolBar events. You can subscribe to all ToolBar events by the handler name.
{% meta height:350 %} {% embed_file toolbar/overview/events/main.vue preview %} {% embed_file toolbar/overview/events/main.js %} {% endmeta %}