@angular/aria/tabs

Tabs

directive

A Tabs container.

API

    
      class Tabs {}

tabs

any

The Tab UIPattern of the child Tabs.

unorderedTabpanels

any

The TabPanel UIPattern of the child TabPanels.

register

void

@paramchildTabList | TabPanel

@returnsvoid

deregister

void

@paramchildTabList | TabPanel

@returnsvoid

Description

A Tabs container.

Represents a set of layered sections of content. The Tabs is a container meant to be used with TabList, Tab, and TabPanel as follows:

<div ngTabs>  <ul ngTabList>    <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>Tab content 1</ng-template>  </div>  <div ngTabPanel value="tab2">     <ng-template ngTabContent>Tab content 2</ng-template>  </div>  <div ngTabPanel value="tab3">     <ng-template ngTabContent>Tab content 3</ng-template>  </div>