ToolbarItem API in Angular Chat Ui API component

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 | object

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