# Tabs

```html
 <md-tabs @change=${this.tabChanged} id="tabs">
  <md-tab type="primary" id="photos-tab"  aria-label="Photos" aria-controls="photos-panel">
    Photos
  </md-tab>
  <md-tab type="primary" id="videos-tab"  aria-label="Videos" aria-controls="videos-panel">
    Videos
  </md-tab>
  <md-tab type="primary" id="music-tab" aria-label="Music" aria-controls="music-panel">
    Music
  </md-tab>
</md-tabs>
```