Toolbar Render Hooks

Customize the toolbar elements with ClassName Input settings.

toolbarClass - a ClassName Input for the toolbar container. Applies to both header and footer toolbars.

headerToolbarClass - a ClassName Input for the header toolbar only

footerToolbarClass - a ClassName Input for the footer toolbar only

toolbarSectionClass - a ClassName Input for each section (start/center/end) within a toolbar

toolbarTitleClass - a ClassName Input for the title text element within a toolbar

buttonGroupClass - a ClassName Input for each comma-separated group of buttons within a toolbar section

buttonClass - a ClassName Input 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)

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)