Determines the tab activation. When set to auto, the tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys and the corresponding panel is displayed. When set to manual, the tab is only focused. The selection happens after pressing Space or Enter.
Sets the alignment for the tab headers
Static ReadonlytagReturns the HTML-uppercased qualified name.
Returns the currently selected tab.
Invoked when the component is removed from the document's DOM.
This callback is the main signal to the element that it may no longer be
used. disconnectedCallback() should ensure that nothing is holding a
reference to the element (such as event listeners added to nodes external
to the element), so that it is free to be garbage collected.
disconnectedCallback() {
super.disconnectedCallback();
window.removeEventListener('keydown', this._handleKeydown);
}
An element may be re-connected after being disconnected.
Represents tabs component
Element
igc-tabs
Fires
igcChange - Emitted when the selected tab changes.
Slot
Slot
panel - Renders the tab content.
Csspart
headers - The wrapper of the tabs including the headers content and the scroll buttons.
Csspart
headers-content - The container for the tab headers.
Csspart
headers-wrapper - The wrapper for the tab headers and the selected indicator.
Csspart
headers-scroll - The container for the headers.
Csspart
selected-indicator - The selected indicator.
Csspart
start-scroll-button - The start scroll button displayed when the tabs overflow.
Csspart
end-scroll-button - The end scroll button displayed when the tabs overflow.
Csspart
content - The container for the tabs content.