diff --git a/src/app/shared/documentation-items/documentation-items.ts b/src/app/shared/documentation-items/documentation-items.ts
index aa8e9eb04..c30bb88cc 100644
--- a/src/app/shared/documentation-items/documentation-items.ts
+++ b/src/app/shared/documentation-items/documentation-items.ts
@@ -154,6 +154,7 @@ const DOCS: {[key: string]: DocCategory[]} = {
       id: 'modals',
       name: 'Popups & Modals',
       items: [
+        {id: 'bottom-sheet', name: 'Bottom Sheet', examples: ['bottom-sheet-overview']},
         {id: 'dialog', name: 'Dialog', examples: ['dialog-overview']},
         {id: 'snack-bar', name: 'Snackbar', examples: ['snack-bar-component']},
         {id: 'tooltip', name: 'Tooltip', examples: ['tooltip-position']},
diff --git a/src/assets/stackblitz/main.ts b/src/assets/stackblitz/main.ts
index 5ebdee9b0..e93e80af2 100644
--- a/src/assets/stackblitz/main.ts
+++ b/src/assets/stackblitz/main.ts
@@ -7,6 +7,7 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {HttpModule} from '@angular/http';
 import {
   MatAutocompleteModule,
+  MatBottomSheetModule,
   MatButtonModule,
   MatButtonToggleModule,
   MatCardModule,
@@ -48,6 +49,7 @@ import {MaterialDocsExample} from './app/material-docs-example';
   exports: [
     CdkTableModule,
     MatAutocompleteModule,
+    MatBottomSheetModule,
     MatButtonModule,
     MatButtonToggleModule,
     MatCardModule,