TabsComponent

class

Card-style (or line-style) tab bar. Standalone replacement for ng-zorro's nz-tabs, hosting TabComponent children.

selectedIndex is two-way bindable (renamed from nzSelectedIndex).
tabBarExtraContent renders a template at the trailing edge of the bar (renamed from nzTabBarExtraContent).
Keyboard navigation follows the WAI-ARIA tabs pattern with tablist / tab / tabpanel roles: the CDK FocusKeyManager provides roving tabindex, Arrow-Left/Right move (and activate) tabs, and Home/End jump to the first/last tab.

Properties

Name	Type	Description
`baseId (readonly)`	`string`	Stable prefix wiring each tab to its panel via `aria-controls` / `aria-labelledby`.
`selectedIndex (readonly)`	`ModelSignal<number>`	Zero-based index of the active tab (two-way, renamed from `nzSelectedIndex`).
`tabBarExtraContent (readonly)`	`InputSignal<TemplateRef	undefined>`
`tabs (readonly)`	`Signal<readonly TabComponent[]>`	Tabs declared as content children.
`type (readonly)`	`InputSignal<IdeTabsType>`	Tab bar style (renamed from `nzType`).

asTemplate(value: string | TemplateRef<unknown> | undefined): TemplateRef<unknown> | null

TemplateRef<unknown> | null

ngAfterViewInit(): void

void

ngOnDestroy(): void

void

onTabClick(index: number): void

void

onTabListKeydown(event: KeyboardEvent): void

void

panelId(index: number): string

string

tabId(index: number): string

string