diff --git a/demos/component-docs/action-sheets/action-sheets.ts b/demos/component-docs/action-sheets/action-sheets.ts
new file mode 100644
index 0000000000..ebdd570b29
--- /dev/null
+++ b/demos/component-docs/action-sheets/action-sheets.ts
@@ -0,0 +1 @@
+export * from './basic/pages';
diff --git a/demos/component-docs/actionSheet/actionSheet.html b/demos/component-docs/action-sheets/basic/basic.html
similarity index 100%
rename from demos/component-docs/actionSheet/actionSheet.html
rename to demos/component-docs/action-sheets/basic/basic.html
diff --git a/demos/component-docs/actionSheet/actionSheet.ts b/demos/component-docs/action-sheets/basic/pages.ts
similarity index 93%
rename from demos/component-docs/actionSheet/actionSheet.ts
rename to demos/component-docs/action-sheets/basic/pages.ts
index 885be0972e..be890cd7e5 100644
--- a/demos/component-docs/actionSheet/actionSheet.ts
+++ b/demos/component-docs/action-sheets/basic/pages.ts
@@ -1,13 +1,13 @@
 import {Platform, Page, ActionSheet} from 'ionic/ionic';
 import {forwardRef} from 'angular2/angular2';
-import {AndroidAttribute} from '../helpers';
+import {AndroidAttribute} from '../../helpers';
 
 @Page({
-  templateUrl: 'actionSheet/actionSheet.html',
+  templateUrl: 'action-sheets/basic/basic.html',
   directives: [forwardRef(() => AndroidAttribute)]
 
 })
-export class ActionSheetPage {
+export class BasicPage {
 
   constructor(actionSheet: ActionSheet, platform: Platform) {
     this.actionSheet = actionSheet;
diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts
index 017bb459e9..891c516b01 100644
--- a/demos/component-docs/helpers.ts
+++ b/demos/component-docs/helpers.ts
@@ -2,8 +2,7 @@ import {Directive, ElementRef, Renderer} from 'angular2/angular2';
 import {Platform, Navbar} from 'ionic/ionic';
 
 
-import {ActionSheetPage} from './actionSheet/actionSheet';
-
+import * as actionSheets from './action-sheets/action-sheets';
 import * as buttons from './buttons/buttons';
 import * as cards from './cards/cards';
 
@@ -95,7 +94,7 @@ export function hasScrollbar() {
 
 export function getPageFor(hash) {
     return {
-        'action-sheets': ActionSheetPage,
+        'action-sheets': actionSheets.BasicPage,
 
         'buttons': buttons.BasicPage,
         'block-buttons': buttons.BlockPage,