A selectable tab in a TabList.
API
class Tab implements HasElement ,OnInit ,OnDestroy {
readonly element: HTMLElement;
readonly @Input() id: InputSignal<any>;
readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
readonly @Input() value: InputSignal<string>;
readonly active: Signal<any>;
readonly selected: Signal<any>;
open(): void;
}
element
HTMLElementA reference to the host element.
id
InputSignal<any>A unique identifier for the widget.
disabled
InputSignalWithTransform<boolean, unknown>Whether a tab is disabled.
value
InputSignal<string>The remote tabpanel unique identifier.
active
Signal<any>Whether the tab is active.
selected
Signal<any>Whether the tab is selected.
open
voidOpens this tab panel.
@returns
void
ngOnInit
void
@returns
void
ngOnDestroy
void
@returns
void
Description
A selectable tab in a TabList.
The ngTab directive represents an individual tab control within an ngTabList. It requires a value that uniquely identifies it and links it to a corresponding ngTabPanel.
<li ngTab value="myTabId" [disabled]="isTabDisabled"> My Tab Label </li>