• Overview
@angular/aria/tabs

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<boolean>;  readonly selected: Signal<boolean>;  open(): void;}
    
    

element

HTMLElement

A 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<boolean>

Whether the tab is active.

selected

Signal<boolean>

Whether the tab is selected.

open

void

Opens this tab panel.

@returnsvoid

ngOnInit

void
@returnsvoid

ngOnDestroy

void
@returnsvoid

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>
Jump to details