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.