diff --git a/demo-shell-ng2/app/components/files/files.component.html b/demo-shell-ng2/app/components/files/files.component.html
index 249322154a..0de6bbb427 100644
--- a/demo-shell-ng2/app/components/files/files.component.html
+++ b/demo-shell-ng2/app/components/files/files.component.html
@@ -1,6 +1,9 @@
 <alfresco-upload-drag-area [showUploadDialog]="true" currentFolderPath="{{absolutePath}}" uploaddirectory="{{relativePath}}"
     (onSuccess)="refreshDocumentList($event)">
-    <alfresco-document-list (folderClick)="refreshDirectyory($event)" currentFolderPath="{{absolutePath}}">
+    <alfresco-document-list 
+            (folderClick)="refreshDirectyory($event)"
+            currentFolderPath="{{absolutePath}}"
+            [breadcrumb]="breadcrumb">
         <content-columns>
             <content-column source="$thumbnail"></content-column>
             <content-column
@@ -74,6 +77,12 @@
     </alfresco-document-list>
 </alfresco-upload-drag-area>
 
+<div class="p-10">
+    <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
+        <input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" [(ngModel)]="breadcrumb">
+        <span class="mdl-checkbox__label">Breadcrumb</span>
+    </label>
+</div>
 
 <h5>Single file upload</h5>
 <alfresco-upload-button data-automation-id="single-file-upload" uploaddirectory="{{relativePath}}" currentFolderPath="{{absolutePath}}"