# Kendo UI for jQuery ToolBar Overview

The ToolBar is designed to hold different types of controls such as buttons, button groups, toggle buttons, split buttons, and other customized elements.

![Kendo UI for jQuery ToolBar Overview](https://www.telerik.com/kendo-jquery-ui/documentation/assets/2c430e2e9d6cae2b738dbcc0cdf405b7/toolbar-overview.png)

The ToolBar consists of the ToolBar wrapper, overflow anchor, and command overflow popup main areas. The wrapper holds all commands that can be placed within the available container width. The ones that have no space to fit are moved to the command overflow popup.

![Kendo UI for jQuery ToolBar areas](https://www.telerik.com/kendo-jquery-ui/documentation/assets/575f4e7c132454b14dca475d133741ed/toolbar-areas.png)

## Functionality and Features

* [Command types](https://www.telerik.com/kendo-jquery-ui/documentation/controls/toolbar/command-types/button)—Check the possible button types supported by the ToolBar.
* [Templates](https://www.telerik.com/kendo-jquery-ui/documentation/controls/toolbar/templates)—The ToolBar supports rendering of custom tools through templates.
* [Appearance](https://www.telerik.com/kendo-jquery-ui/documentation/controls/toolbar/appearance)—Explore the styling options of the ToolBar component.

## Next Steps

* [Getting Started with the Kendo UI ToolBar for jQuery](https://www.telerik.com/kendo-jquery-ui/documentation/controls/toolbar/get-started)
* [Overview of the ToolBar (Demo)](https://demos.telerik.com/kendo-ui/toolbar/index)
* [JavaScript API Reference of the ToolBar](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/toolbar)

## See Also

* [Basic Usage of the ToolBar (Demo)](https://demos.telerik.com/kendo-ui/toolbar/index)
* [Using the API of the ToolBar (Demo)](https://demos.telerik.com/kendo-ui/toolbar/api)
* [JavaScript API Reference of the ToolBar](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/toolbar)