# Tools

The KendoReact Toolbar allows you to render Button, ButtonGroup, DropDownButton, SplitButton and custom button components in it.

To include components in the Toolbar, wrap each of them into a [ToolbarItem](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbaritem). You can also separate them from each other with the [ToolbarSeparator](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarseparator) or [ToolbarSpacer](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarspacer).

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

## Suggested Links

* [API Reference of the Toolbar](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbar)
* [API Reference of the ToolbarProps](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarprops)
* [API Reference of the ToolbarItem](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbaritem)
* [API Reference of the ToolbarSpacer](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarspacer)
* [API Reference of the ToolbarSeparator](https://www.telerik.com/kendo-react-ui/components/buttons/api/toolbarseparator)
* [API Reference of the Button](https://www.telerik.com/kendo-react-ui/components/buttons/api/button)
* [API Reference of the ButtonGroup](https://www.telerik.com/kendo-react-ui/components/buttons/api/buttongroup)
* [API Reference of the DropDownButton](https://www.telerik.com/kendo-react-ui/components/buttons/api/dropdownbutton)
* [API Reference of the DropDownButtonItem](https://www.telerik.com/kendo-react-ui/components/buttons/api/dropdownbuttonitem)
* [API Reference of the SplitButton](https://www.telerik.com/kendo-react-ui/components/buttons/api/splitbutton)
* [API Reference of the SplitButtonItem](https://www.telerik.com/kendo-react-ui/components/buttons/api/splitbuttonitem)