BaseToolbarButtonProps
Configures the base properties for scheduler toolbar buttons including styling, callbacks, and accessibility attributes. Provides common button configuration options shared across all toolbar button types in the scheduler header. Enables consistent styling and interaction handling for toolbar button customization across the scheduler.
Props
The following table outlines the props for the BaseToolbarButtonProps:
| Name | Type | Default | Description |
|---|---|---|---|
| ariaLabel | string | - | Adds an accessible ARIA label to the button for screen readers and accessibility tools. Essential for keyboard navigation and voice command support. |
| className | string | - | Adds a custom CSS class name to the button element for custom styling. Enables fine-grained style control through external CSS. |
| color | - | Specifies the semantic color of the button for visual hierarchy and intent communication. Options: 'Primary', 'Secondary', 'Warning', 'Success', 'Error', 'Info'. | |
| disabled | boolean | - | When true, disables the button and prevents user interaction. Useful for conditional disabling based on state or permissions. |
| icon | ReactElement | - | An icon for the button, either as a CSS class name for icon fonts or as a React element. Enhances button visual clarity and user recognition. |
| onClick | (e?: React.SyntheticEvent) => void | - | Click handler function executed when the button is clicked. Receives the click event as a parameter. |
| title | string | - | Adds a custom tooltip or title text displayed on button hover. Provides user guidance about the button's function. |
| variant | - | Specifies the visual style variant of the button for design flexibility. Options: 'Outlined', 'Filled', 'Standard' for different visual presentations. |