chrome:shell.skip

generated:catalog.entry.tabs.title

generated:catalog.entry.tabs.description

@xngui/components/tabs
@xngui/components/tabs

chrome:demo.section

chrome:demo.preview

demo-preview:tabs.profile-settings-and-public-details

demo-preview:hints.category.navigation:
← →Home / End
demo-preview:hints.category.focus:
Focus
demo-preview:hints.category.shortcuts:
Enter / Space
demo-preview:projection.slots-label:
x-tab
import { Component } from '@angular/core';
import { XTab, XTabs } from '@xngui/components/tabs';
 
@Component({
selector: 'app-example',
imports: [XTab, XTabs],
templateUrl: './tabs.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-tab

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
value
string
''
Unique value for this tab — must match `[(value)]` on the parent `x-tabs`.
label
string
''
Visible label on the tab trigger.
disabled
boolean
false
When true, this tab cannot be selected.