ToolbarItemProps
Configures individual toolbar items for the Grid’s toolbar. Defines properties for buttons or controls, such as ID, text, and behavior. Used to customize the appearance and functionality of toolbar items.
Props
The following table outlines the props for the ToolbarItemProps:
| Name | Type | Default | Description |
|---|---|---|---|
| disabled | boolean | false | Determines whether the toolbar item is disabled and non-interactive. When true, prevents user interaction with the item, visually indicating its disabled state. Useful for controlling item availability based on grid context. |
| icon | node | null | Defines an icon for the toolbar item, typically an SVG element for optimal rendering. Enhances the visual representation of the item, complementing or replacing the text. Used to improve the toolbar’s aesthetic and usability. |
| id | string | - | Specifies a unique identifier for the toolbar item. Used to distinguish the item within the toolbar for event handling or state management. Ensures accurate targeting of specific items in the toolbar. |
| onClick | ( ) => void | null | Specifies a custom click handler function for the toolbar item. Executes custom logic when the item is clicked, allowing tailored grid interactions. Enables developers to define specific actions for toolbar controls. |
| text | string | - | Specifies the display text for the toolbar item. Represents the visible label shown on the button or control in the toolbar UI. Enhances user understanding of the item’s purpose or action. |
| title | string | - | Specifies the tooltip text displayed when hovering over the toolbar item. Provides additional context or description for the item’s purpose or functionality. Enhances user experience by offering guidance on toolbar actions. |