@material-git/tabs v2.0.0-git.20160919

MdTabGroup

Tab groups allow the user to organize their content by labels such that only one tab is visible at any given time.

<md-tab-group>

Properties

Events

Examples

A basic tab group would have the following markup.

<md-tab-group>
  <md-tab>
    <template md-tab-label>One</template>
    <template md-tab-content>
      <h1>Some tab content</h1>
      <p>...</p>
    </template>
  </md-tab>
  <md-tab>
    <template md-tab-label>Two</template>
    <template md-tab-content>
      <h1>Some more tab content</h1>
      <p>...</p>
    </template>
  </md-tab>
</md-tab-group>

It is also possible to specifiy the active tab by using the selectedIndex property.

<md-tab-group [selectedIndex]="1">
  ...
</md-tab-group>

Note: The index always starts counting from zero.