# Tools

The Kendo UI for Vue Toolbar allows you to render Button, ButtonGroup, DropDownButton, SplitButton and custom button components in it.

To include components in the Toolbar, nest them directly inside the component's definition. You can separate the different Toolbar elements from one another using the [ToolbarSeparator](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/toolbarseparator) or [ToolbarSpacer](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/toolbarspacer).

[Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/toolbar/tools/source.txt)

## Suggested Links

* [API Reference of the Toolbar](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/toolbarprops)
* [API Reference of the ToolbarProps](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/toolbarprops)
* [API Reference of the ToolbarSpacer](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/toolbarspacer)
* [API Reference of the ToolbarSeparator](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/toolbarseparator)
* [API Reference of the Button](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttonprops)
* [API Reference of the ButtonGroup](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttongroupprops)
* [API Reference of the DropDownButton](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/dropdownbuttonprops)
* [API Reference of the SplitButton](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/splitbuttonprops)