<md-sidenav-layout>
  <md-sidenav opened mode="side" class="docs-component-viewer-sidenav">
    component list
  </md-sidenav>

  <h1 class="docs-component-viewer-header">
    Button
  </h1>

  <md-tab-group class="docs-component-viewer-tabbed-content">
    <md-tab label="OVERVIEW">
      overview
    </md-tab>

    <md-tab label="API">
      api
    </md-tab>

    <md-tab label="EXAMPLES">
      examples
    </md-tab>
  </md-tab-group>
</md-sidenav-layout>

<md-sidenav-layout>
  <md-sidenav opened mode="side" class="docs-component-viewer-sidenav">
    component list
  </md-sidenav>

  <h1 class="docs-component-viewer-header">
    {{componentId.toUpperCase()}}
  </h1>

  <md-tab-group class="docs-component-viewer-tabbed-content">
    <md-tab label="OVERVIEW">
      <doc-viewer documentUrl="/assets/documents/overview/{{componentId}}.html"></doc-viewer>
    </md-tab>

    <md-tab label="API">
      <doc-viewer documentUrl="/assets/documents/api/{{componentId}}.html"></doc-viewer>
    </md-tab>

    <md-tab label="EXAMPLES">
      examples
    </md-tab>
  </md-tab-group>
</md-sidenav-layout>

Add doc-viewer for overview and examples
Add doc-viewer for overview and examples
