ToolbarItem

12 Sep 20251 minute to read

Represents a toolbar item model in the component.

Properties

align ItemAlign

Specifies the alignment of the toolbar item.

Defaults to “Left”

cssClass string

Specifies the CSS class for styling the toolbar item.
Represents the additional CSS classes applied to the toolbar item.

Defaults to ’’

disabled boolean

Specifies whether the toolbar item is disabled.
Indicates if the toolbar item is interactive or not.

Defaults to false

iconCss string

Specifies the CSS class for the icon of the toolbar item.
Represents the icon displayed for the toolbar item.

Defaults to ’’

tabIndex number

Specifies the tab order of the toolbar items.
When assigned positive values, it allows switching focus to the next/previous toolbar items using the Tab/Shift+Tab keys.
If the value is set to 0 for all toolbar items, the tab order switches based on the element’s order in the DOM.

Defaults to -1

template string|Function

Specifies the template that defines the appearance of the toolbar item.
Represents the custom template for rendering the toolbar item, which can be a string or a function.

Defaults to null

text string

Specifies the text of the toolbar item.
Represents the display text of the toolbar item.

Defaults to null

tooltip string

Specifies the tooltip text for the toolbar item.
Represents the text shown when hovering over the toolbar item.

Defaults to ’’

type ItemType

Specifies the type of the toolbar item.
Represents the item type of the toolbar item.

Defaults to “Button”

visible boolean

Specifies whether the toolbar item is visible.
Indicates if the toolbar item should be displayed.

Defaults to true