A Tabs container.
element
HTMLElementA reference to the host element.
Description
A Tabs container.
The ngTabs directive represents a set of layered sections of content. It acts as the
overarching container for a tabbed interface, coordinating the behavior of ngTabList,
ngTab, and ngTabPanel directives.
<div ngTabs> <ul ngTabList [(selectedTab)]="selectedTabValue"> <li ngTab value="tab1">Tab 1</li> <li ngTab value="tab2">Tab 2</li> <li ngTab value="tab3">Tab 3</li> </ul> <div ngTabPanel value="tab1"> <ng-template ngTabContent>Content for Tab 1</ng-template> </div> <div ngTabPanel value="tab2"> <ng-template ngTabContent>Content for Tab 2</ng-template> </div> <div ngTabPanel value="tab3"> <ng-template ngTabContent>Content for Tab 3</ng-template> </div></div>Jump to details