diff --git a/src/app/shared/example-viewer/example-viewer.html b/src/app/shared/example-viewer/example-viewer.html
index 4785e6553..6aaadd2cf 100644
--- a/src/app/shared/example-viewer/example-viewer.html
+++ b/src/app/shared/example-viewer/example-viewer.html
@@ -22,6 +22,10 @@
         <pre class="docs-example-source"><doc-viewer
             [documentUrl]="exampleFileUrl(extension)"></doc-viewer></pre>
       </md-tab>
+      <md-tab *ngFor="let additionalFile of exampleData?.additionalFiles" [label]="extension">
+        <pre class="docs-example-source"><doc-viewer
+            [documentUrl]="additonalFileUrl(additionalFile)"></doc-viewer></pre>
+      </md-tab>
     </md-tab-group>
   </div>
 
diff --git a/src/app/shared/example-viewer/example-viewer.ts b/src/app/shared/example-viewer/example-viewer.ts
index 490b544f2..46714ac8c 100644
--- a/src/app/shared/example-viewer/example-viewer.ts
+++ b/src/app/shared/example-viewer/example-viewer.ts
@@ -50,4 +50,9 @@ export class ExampleViewer {
   exampleFileUrl(extension: string) {
     return `/assets/examples/${this.example}-example-${extension.toLowerCase()}.html`;
   }
+
+  additonalFileUrl(filename: string) {
+    return `/assets/examples/${filename}.html`;
+  }
+
 }