# Toolbar

The area at the top and bottom of the calendar that contains buttons and other controls.

## Articles

- [headerToolbar](headerToolbar.md) - Defines the buttons and title at the top of the calendar.
- [footerToolbar](footerToolbar.md) - Defines the controls at the bottom of the calendar.
- [titleFormat](titleFormat.md) - Determines the text that will be displayed in the headerToolbar's title.
- [buttons](buttons.md) - Defines buttons that can be used in headerToolbar/footerToolbar — both custom buttons and overrides for standard buttons.
- [buttonDisplay](buttonDisplay.md) - Controls whether toolbar buttons display an icon, text, or both.
- [toolbarElements](toolbarElements.md) - Defines an arbitrary custom html element for use in headerToolbar or footerToolbar.
- [Toolbar Render Hooks](toolbar-render-hooks.md) - Customize the toolbar elements with ClassName Input settings.
- [CalendarController](CalendarController.md) - Some of the UI-framework integrations provide a "Calendar Controller" object that let you use calendar data outside the calendar itself. This is especially useful for rendering fully-custom toolbar UIs.

## Demos

- [Custom buttons and a footerToolbar](toolbar-demo)