Toolbar API
Initialization
interface ToolbarConfig {
// Array of items to be displayed in the toolbar
items?: Array<any>;
// CSS class for the top container
css?: string;
// CSS class for the top container of the popup menu
menuCss?: string;
// Event handler for item click
onclick?: (event: any) => void;
// Event handler for value change
onchange?: (event: any) => void;
// Defines the behavior of the toolbar on overflow
overflow?: "collapse" | "wrap" | "menu";
// Initial values for controls inside the toolbar
values?: Record<string, any>;
}
Toolbar Properties
css | Optional. Controls the CSS class for the top container of the toolbar |
items | Optional. Defines an array of items that will be displayed in the toolbar |
menuCss | Optional. Controls the CSS class applied to the top container of the popup menu |
overflow | Optional. Controls how the toolbar handles items that do not fit on the screen |
values | Optional. Allows a user to bind values for controls inside the toolbar |
Toolbar Events
change | Fires when the value of a control within the toolbar changes |
click | Fires when a control within the toolbar is clicked |
Helpers
registerToolbarItem
- register custom components as elements in the toolbar
Related resources
- Visit the Features Guide to learn more about the widget's functionality.
- Explore the samples to visualize the available features.