# Toolbar Render Hooks

Customize the toolbar elements with [ClassName Input](classname-input.md) settings.

`toolbarClass` - a [ClassName Input](classname-input.md) for the toolbar container. Applies to both header and footer toolbars.

`headerToolbarClass` - a [ClassName Input](classname-input.md) for the header toolbar only

`footerToolbarClass` - a [ClassName Input](classname-input.md) for the footer toolbar only

`toolbarSectionClass` - a [ClassName Input](classname-input.md) for each section (start/center/end) within a toolbar

`toolbarTitleClass` - a [ClassName Input](classname-input.md) for the title text element within a toolbar

`buttonGroupClass` - a [ClassName Input](classname-input.md) for each comma-separated group of buttons within a toolbar section

`buttonClass` - a [ClassName Input](classname-input.md) for each individual button


## Button Group Argument

When `buttonGroupClass` is specified as a function in the form `function(info)`, the `info` is an object with the following properties:

- `hasSelection` - `true` when the group behaves as a single-select (only one button in the group can be active at a time, like view-switcher buttons)


## Button Argument

When `buttonClass` is specified as a function in the form `function(info)`, the `info` is an object with the following properties:

- `name` - the button's name (e.g. `prev`, `next`, `today`, or a view name like `dayGridMonth`)
- `text` - the button's localized display text
- `isPrimary` - `true` if the button is styled as the primary action
- `isSelected` - `true` if the button is currently in the selected/active state
- `isDisabled` - `true` if the button is disabled
- `isIconOnly` - `true` if the button renders as an icon without accompanying text
- `buttonGroup` - info about the enclosing button group, or `null` if the button is not part of a group. When present, an object with a `hasSelection` boolean (see above)