📖Browse Documentation▼

Tab Control API

An instance of Tab represents an individual draggable tab control inside a stack header. It binds directly to its underlying ComponentItem and provides DOM elements for the title label and close button.

Properties

componentItem

A reference to the ComponentItem node associated with this tab.

isActive

True if this tab is the currently active tab in its parent stack.

element

The native HTMLElement for the entire tab control.

titleElement

The HTMLElement containing the tab text label.

closeElement

The HTMLElement | undefined representing the close icon (if closable).

reorderEnabled

Whether this tab can be dragged to reorder.

setTitle( title )

argumenttypeoptionaldefaultdescription
titlestringfalse-The new tab title string to display.

setActive( isActive )

argumenttypeoptionaldefaultdescription
isActivebooleanfalse-Whether to set this tab as active.

Whether you are building complex multi-screen trading terminals, enterprise data workspaces, or migrating from legacy layout engines, our team and community are here to help.

Open an Issue on GitHub →