DaffTabsComponent
Tabs provide a way to navigate between panels that display related content.
Selector:'daff-tabs'
Properties
Name | Type | Description | ||||||
---|---|---|---|---|---|---|---|---|
selectedTab | string | The currently selected tab. This property is dynamically updated when a user selects a tab | ||||||
@Input() initiallySelected | string | The tab that is initially selected on initial load. If it's not used, the first tab in the tablist will be selected by default. | ||||||
@Input() ariaLabel | '' | aria-label for the tab. | @Output() tabChange | EventEmitter<string> | Event emitted when tab selection changes. | select | Selects a tab and sets focus on the selected tab. | |
previous | Selects the previous tab and wraps around to the last tab if the first tab is currently selected. | |||||||
next | Selects the next tab and wraps around to the first tab if the last tab is currently selected. | |||||||
selectFirst | Selects the first tab. | |||||||
selectLast | Selects the last tab. |