diff --git a/scripts/gulp/tasks/demos.prod.ts b/scripts/gulp/tasks/demos.prod.ts
index 308c5d0fea..ac0a6501d7 100644
--- a/scripts/gulp/tasks/demos.prod.ts
+++ b/scripts/gulp/tasks/demos.prod.ts
@@ -85,6 +85,8 @@ function buildDemo(filePath: string) {
   const relativePathFromComponents = relative(dirname(DEMOS_SRC_ROOT), componentDir);
 
   const distTestRoot = join(process.cwd(), 'dist', 'demos', relativePathFromComponents);
+  const coreCompilerFilePath = join(PROJECT_ROOT, '..', 'ionic-core', 'dist', 'compiler');
+  const coreDir = join(PROJECT_ROOT, '..', 'ionic-core', 'dist', 'compiled-ionic-angular');
 
   const includeGlob = [ join(ionicAngularDir, '**', '*.ts'), join(componentDir, '**', '*.ts')];
   const pathToWriteFile = join(distTestRoot, 'tsconfig.json');
@@ -100,14 +102,17 @@ function buildDemo(filePath: string) {
   const distDir = join(distTestRoot, 'www');
 
   return runAppScriptsBuild(
-    appEntryPoint, 
-    appNgModulePath, 
-    ionicAngularDir, 
-    distDir, 
-    pathToWriteFile, 
-    ionicAngularDir, 
-    sassConfigPath, 
-    copyConfigPath
+    appEntryPoint,
+    appNgModulePath,
+    ionicAngularDir,
+    coreCompilerFilePath,
+    coreDir,
+    distDir,
+    pathToWriteFile,
+    ionicAngularDir,
+    sassConfigPath,
+    copyConfigPath,
+    argv.dev
   ).then(() => {
     const end = Date.now();
     console.log(`${filePath} took a total of ${(end - start) / 1000} seconds to build`);
@@ -144,7 +149,7 @@ function uploadToS3(path) {
 
   let params = {
     localDir: path.replace('tsconfig.json',''),
-    deleteRemoved: true, 
+    deleteRemoved: true,
     s3Params: {
       Bucket: "ionic-demos",
       Prefix: demo,
@@ -153,7 +158,7 @@ function uploadToS3(path) {
 
   var uploader = client.uploadDir(params);
 
-  return new Promise((resolve, reject) => {    
+  return new Promise((resolve, reject) => {
     uploader.on('error', function(err) {
       console.error("s3 Upload Error:", err.stack);
       reject();
@@ -186,7 +191,7 @@ task('demos.download', (done: Function) => {
 
   let uploader = client.downloadDir(params);
 
-  return new Promise((resolve, reject) => {    
+  return new Promise((resolve, reject) => {
     uploader.on('error', function(err) {
       console.error("s3 Download Error:", err.stack);
       reject();
diff --git a/scripts/gulp/tasks/e2e.prod.ts b/scripts/gulp/tasks/e2e.prod.ts
index a6d9af39fa..1a3d26ab75 100644
--- a/scripts/gulp/tasks/e2e.prod.ts
+++ b/scripts/gulp/tasks/e2e.prod.ts
@@ -120,6 +120,8 @@ function buildTest(filePath: string) {
 
   const relativePathFromComponents = relative(dirname(SRC_COMPONENTS_ROOT), srcTestRoot);
   const distTestRoot = join(process.cwd(), 'dist', 'e2e', relativePathFromComponents);
+  const coreCompilerFilePath = join(PROJECT_ROOT, '..', 'ionic-core', 'dist', 'compiler');
+  const coreDir = join(PROJECT_ROOT, '..', 'ionic-core', 'dist', 'compiled-ionic-angular');
 
   const includeGlob = [ join(ionicAngularDir, '**', '*.ts')];
   const pathToWriteFile = join(distTestRoot, 'tsconfig.json');
@@ -133,7 +135,7 @@ function buildTest(filePath: string) {
   const appNgModulePath = join(dirname(appEntryPoint), 'app.module.ts');
   const distDir = join(distTestRoot, 'www');
 
-  return runAppScriptsBuild(appEntryPoint, appNgModulePath, ionicAngularDir, distDir, pathToWriteFile, ionicAngularDir, sassConfigPath, copyConfigPath, argv.dev).then(() => {
+  return runAppScriptsBuild(appEntryPoint, appNgModulePath, ionicAngularDir, distDir, pathToWriteFile, ionicAngularDir, coreCompilerFilePath, coreDir, sassConfigPath, copyConfigPath, argv.dev).then(() => {
     const end = Date.now();
     console.log(`${filePath} took a total of ${(end - start) / 1000} seconds to build`);
   }).catch((err) => {
diff --git a/scripts/gulp/util.ts b/scripts/gulp/util.ts
index 0654465fc2..2ceb5989bb 100644
--- a/scripts/gulp/util.ts
+++ b/scripts/gulp/util.ts
@@ -1,5 +1,5 @@
 import { spawn } from 'child_process';
-import { NODE_MODULES_ROOT, SRC_ROOT } from './constants';
+import { NODE_MODULES_ROOT, SRC_ROOT, PROJECT_ROOT } from './constants';
 import { src, dest } from 'gulp';
 import { dirname, join } from 'path';
 import { ensureDirSync, readdirSync, readFile, readFileSync, statSync, writeFile, writeFileSync } from 'fs-extra';
@@ -11,6 +11,7 @@ import * as nodeResolve from 'rollup-plugin-node-resolve';
 import * as through from 'through2';
 import * as uglifyPlugin from 'rollup-plugin-uglify';
 import { argv } from 'yargs';
+import * as path from 'path';
 
 import { runWorker } from './utils/app-scripts-worker-client';
 
@@ -55,6 +56,21 @@ export function createTempTsConfig(includeGlob: string[], target: string, module
     config.compilerOptions.target = target;
   }
   config.include = includeGlob;
+  const componetsToExclude = [
+    'badge',
+    'card',
+    'card-content',
+    'card-header',
+    'card-title',
+    'slides',
+    'toggle',
+    'gesture'
+  ];
+
+  config.exclude = componetsToExclude.map(cmp => path.join(PROJECT_ROOT, `src/components/${cmp}`) + `/*.ts`)
+    .concat([
+      path.join(PROJECT_ROOT, 'src/components/index.ts'),
+    ]);
 
   config.exclude = [
     './components/badge/**/*'
@@ -236,10 +252,10 @@ export function runAppScriptsServe(testOrDemoName: string, appEntryPoint: string
   });
 }
 
-export function runAppScriptsBuild(appEntryPoint: string, appNgModulePath: string, srcDir: string, distDir: string, tsConfig: string, ionicAngularDir: string, sassConfigPath: string, copyConfigPath: string, isDev: boolean = false) {
+export function runAppScriptsBuild(appEntryPoint: string, appNgModulePath: string, srcDir: string, distDir: string, tsConfig: string, ionicAngularDir: string, coreCompilerFilePath: string, coreDir: string, sassConfigPath: string, copyConfigPath: string, isDev: boolean = false) {
   const pathToAppScripts = join(NODE_MODULES_ROOT, '.bin', 'ionic-app-scripts');
   const debug: boolean = argv.debug;
-  return runWorker(pathToAppScripts, debug, appEntryPoint, appNgModulePath, srcDir, distDir, tsConfig, ionicAngularDir, sassConfigPath, copyConfigPath, isDev);
+  return runWorker(pathToAppScripts, debug, appEntryPoint, appNgModulePath, srcDir, distDir, tsConfig, ionicAngularDir, coreCompilerFilePath, coreDir, sassConfigPath, copyConfigPath, isDev);
 }
 
 /** Resolves the path for a node package executable. */
diff --git a/scripts/gulp/utils/app-scripts-worker-client.ts b/scripts/gulp/utils/app-scripts-worker-client.ts
index c3b8dec195..48724793e2 100644
--- a/scripts/gulp/utils/app-scripts-worker-client.ts
+++ b/scripts/gulp/utils/app-scripts-worker-client.ts
@@ -3,7 +3,7 @@ import { dirname, join } from 'path';
 
 import { MessageToWorker, WorkerProcess } from './interfaces';
 
-export function runWorker(pathToAppScripts: string, debug: boolean, appEntryPoint: string, appNgModulePath: string, srcDir: string, distDir: string, tsConfig: string, ionicAngularDir: string, sassConfigPath: string, copyConfigPath: string, isDev: boolean) {
+export function runWorker(pathToAppScripts: string, debug: boolean, appEntryPoint: string, appNgModulePath: string, srcDir: string, distDir: string, tsConfig: string, ionicAngularDir: string, coreCompilerFilePath: string, coreDir: string, sassConfigPath: string, copyConfigPath: string, isDev: boolean) {
   return new Promise((resolve, reject) => {
 
     const msgToWorker: MessageToWorker = {
@@ -15,6 +15,8 @@ export function runWorker(pathToAppScripts: string, debug: boolean, appEntryPoin
       distDir: distDir,
       tsConfig: tsConfig,
       ionicAngularDir: ionicAngularDir,
+      coreCompilerFilePath: coreCompilerFilePath,
+      coreDir: coreDir,
       sassConfigPath: sassConfigPath,
       copyConfigPath: copyConfigPath,
       isDev: isDev
@@ -70,6 +72,8 @@ export function createWorker(msg: MessageToWorker): any {
       '--experimentalManualTreeshaking', 'false',
       '--experimentalPurgeDecorators', 'false',
       '--ionicAngularDir', msg.ionicAngularDir,
+      '--coreCompilerFilePath', msg.coreCompilerFilePath,
+      '--coreDir', msg.coreDir,
       '--sass', msg.sassConfigPath,
       '--copy', msg.copyConfigPath,
       '--enableLint', 'false',
diff --git a/scripts/gulp/utils/interfaces.ts b/scripts/gulp/utils/interfaces.ts
index 9af879f82a..5e5c78272c 100644
--- a/scripts/gulp/utils/interfaces.ts
+++ b/scripts/gulp/utils/interfaces.ts
@@ -13,6 +13,8 @@ export interface MessageToWorker {
   distDir: string;
   tsConfig: string;
   ionicAngularDir: string;
+  coreCompilerFilePath: string;
+  coreDir: string;
   sassConfigPath: string;
   copyConfigPath: string;
   isDev: boolean;
diff --git a/src/components/action-sheet/test/basic/app/app.module.ts b/src/components/action-sheet/test/basic/app/app.module.ts
index 50143d2e7d..f5432e7566 100644
--- a/src/components/action-sheet/test/basic/app/app.module.ts
+++ b/src/components/action-sheet/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,6 +16,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     ModalPageModule,
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/action-sheet/test/basic/pages/modal-page/modal-page.module.ts b/src/components/action-sheet/test/basic/pages/modal-page/modal-page.module.ts
index cd96d5ca36..e6fb972815 100644
--- a/src/components/action-sheet/test/basic/pages/modal-page/modal-page.module.ts
+++ b/src/components/action-sheet/test/basic/pages/modal-page/modal-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalPage } from './modal-page';
@@ -12,6 +12,7 @@ import { ModalPage } from './modal-page';
   ],
   entryComponents: [
     ModalPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalPageModule {}
diff --git a/src/components/action-sheet/test/basic/pages/page-one/page-one.module.ts b/src/components/action-sheet/test/basic/pages/page-one/page-one.module.ts
index 8b48a5850d..ce4ba72e2f 100644
--- a/src/components/action-sheet/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/action-sheet/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -12,6 +12,7 @@ import { PageOne } from './page-one';
   ],
   entryComponents: [
     PageOne,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/alert/test/basic/app/app.module.ts b/src/components/alert/test/basic/app/app.module.ts
index c2bb850b8f..0d9888227b 100644
--- a/src/components/alert/test/basic/app/app.module.ts
+++ b/src/components/alert/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/alert/test/basic/pages/modal-page/modal-page.module.ts b/src/components/alert/test/basic/pages/modal-page/modal-page.module.ts
index cd96d5ca36..e6fb972815 100644
--- a/src/components/alert/test/basic/pages/modal-page/modal-page.module.ts
+++ b/src/components/alert/test/basic/pages/modal-page/modal-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalPage } from './modal-page';
@@ -12,6 +12,7 @@ import { ModalPage } from './modal-page';
   ],
   entryComponents: [
     ModalPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalPageModule {}
diff --git a/src/components/alert/test/basic/pages/page-one/page-one.module.ts b/src/components/alert/test/basic/pages/page-one/page-one.module.ts
index 8b48a5850d..ce4ba72e2f 100644
--- a/src/components/alert/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/alert/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -12,6 +12,7 @@ import { PageOne } from './page-one';
   ],
   entryComponents: [
     PageOne,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/alert/test/dismiss/app.module.ts b/src/components/alert/test/dismiss/app.module.ts
index 61de896dce..3349a11265 100644
--- a/src/components/alert/test/dismiss/app.module.ts
+++ b/src/components/alert/test/dismiss/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, AlertController, LoadingController, NavController } from '../../../..';
 import { FormBuilder, Validators } from '@angular/forms';
@@ -188,6 +188,7 @@ export class AppComponent {
   entryComponents: [
     E2EPage,
     AnotherPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/app/test/animations/app.module.ts b/src/components/app/test/animations/app.module.ts
index 3b4dd9db3f..a1b9960356 100644
--- a/src/components/app/test/animations/app.module.ts
+++ b/src/components/app/test/animations/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { Animation, IonicApp, IonicModule, Platform } from '../../../..';
 
@@ -74,6 +74,7 @@ export class AppComponent {
   bootstrap: [IonicApp],
   entryComponents: [
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/app/test/cordova/app/app.module.ts b/src/components/app/test/cordova/app/app.module.ts
index 8495b5aa1b..f89ee5ec4c 100644
--- a/src/components/app/test/cordova/app/app.module.ts
+++ b/src/components/app/test/cordova/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     PageOneModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/app/test/cordova/pages/modal/modal-page.module.ts b/src/components/app/test/cordova/pages/modal/modal-page.module.ts
index 51db6bb273..f2caa5d013 100644
--- a/src/components/app/test/cordova/pages/modal/modal-page.module.ts
+++ b/src/components/app/test/cordova/pages/modal/modal-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalPage } from './modal-page';
@@ -12,6 +12,7 @@ import { ModalPage } from './modal-page';
   ],
   entryComponents: [
     ModalPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalPageModule {}
diff --git a/src/components/app/test/cordova/pages/page-one/page-one.module.ts b/src/components/app/test/cordova/pages/page-one/page-one.module.ts
index c330ed6e21..4bbe465d66 100644
--- a/src/components/app/test/cordova/pages/page-one/page-one.module.ts
+++ b/src/components/app/test/cordova/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -19,6 +19,7 @@ import { OtherData } from './provider-two';
   providers: [
     SomeData,
     OtherData
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/app/test/cordova/pages/page-three/page-three.module.ts b/src/components/app/test/cordova/pages/page-three/page-three.module.ts
index a56308f3d3..9aa7259342 100644
--- a/src/components/app/test/cordova/pages/page-three/page-three.module.ts
+++ b/src/components/app/test/cordova/pages/page-three/page-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageThree } from './page-three';
@@ -12,6 +12,7 @@ import { PageThree } from './page-three';
   ],
   entryComponents: [
     PageThree,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageThreeModule {}
diff --git a/src/components/app/test/cordova/pages/page-two/page-two.module.ts b/src/components/app/test/cordova/pages/page-two/page-two.module.ts
index a03bac4615..3a65919629 100644
--- a/src/components/app/test/cordova/pages/page-two/page-two.module.ts
+++ b/src/components/app/test/cordova/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -12,6 +12,7 @@ import { PageTwo } from './page-two';
   ],
   entryComponents: [
     PageTwo,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/app/test/cordova/pages/tabs-page-one/tabs-page-one.module.ts b/src/components/app/test/cordova/pages/tabs-page-one/tabs-page-one.module.ts
index f639efbe44..3fa431429a 100644
--- a/src/components/app/test/cordova/pages/tabs-page-one/tabs-page-one.module.ts
+++ b/src/components/app/test/cordova/pages/tabs-page-one/tabs-page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabsPageOne } from './tabs-page-one';
@@ -12,6 +12,7 @@ import { TabsPageOne } from './tabs-page-one';
   ],
   entryComponents: [
     TabsPageOne,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageOneModule {}
diff --git a/src/components/app/test/cordova/pages/tabs/tabs-page.module.ts b/src/components/app/test/cordova/pages/tabs/tabs-page.module.ts
index fdcbac3d8e..5a1c7ac266 100644
--- a/src/components/app/test/cordova/pages/tabs/tabs-page.module.ts
+++ b/src/components/app/test/cordova/pages/tabs/tabs-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabsPage } from './tabs-page';
@@ -12,6 +12,7 @@ import { TabsPage } from './tabs-page';
   ],
   entryComponents: [
     TabsPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule {}
diff --git a/src/components/app/test/gesture-collision/app/app.module.ts b/src/components/app/test/gesture-collision/app/app.module.ts
index 5f208149a9..6545ec0e12 100644
--- a/src/components/app/test/gesture-collision/app/app.module.ts
+++ b/src/components/app/test/gesture-collision/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,6 +16,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
   ],
   bootstrap: [IonicApp],
   entryComponents: [
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/app/test/gesture-collision/pages/page-one/page-one.html b/src/components/app/test/gesture-collision/pages/page-one/page-one.html
index 73fce4d3f6..030f7cd627 100644
--- a/src/components/app/test/gesture-collision/pages/page-one/page-one.html
+++ b/src/components/app/test/gesture-collision/pages/page-one/page-one.html
@@ -24,7 +24,7 @@
 
       <ion-item>
         <ion-label>Apple</ion-label>
-        <ion-toggle item-start></ion-toggle>
+        <ion-toggle slot="start"></ion-toggle>
       </ion-item>
 
       <ion-item>
@@ -106,7 +106,7 @@
 
       <ion-item>
         <ion-label>Apple</ion-label>
-        <ion-toggle item-start></ion-toggle>
+        <ion-toggle slot="start"></ion-toggle>
       </ion-item>
 
       <ion-item>
diff --git a/src/components/app/test/gesture-collision/pages/page-one/page-one.module.ts b/src/components/app/test/gesture-collision/pages/page-one/page-one.module.ts
index 8b48a5850d..ce4ba72e2f 100644
--- a/src/components/app/test/gesture-collision/pages/page-one/page-one.module.ts
+++ b/src/components/app/test/gesture-collision/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -12,6 +12,7 @@ import { PageOne } from './page-one';
   ],
   entryComponents: [
     PageOne,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/app/test/gesture-collision/pages/page-two/page-two.html b/src/components/app/test/gesture-collision/pages/page-two/page-two.html
index f8c569efe1..ec19aa417f 100644
--- a/src/components/app/test/gesture-collision/pages/page-two/page-two.html
+++ b/src/components/app/test/gesture-collision/pages/page-two/page-two.html
@@ -76,7 +76,7 @@
 
     <ion-item>
       <ion-label>Apple</ion-label>
-      <ion-toggle item-start></ion-toggle>
+      <ion-toggle slot="start"></ion-toggle>
     </ion-item>
 
     <ion-item>
diff --git a/src/components/app/test/gesture-collision/pages/page-two/page-two.module.ts b/src/components/app/test/gesture-collision/pages/page-two/page-two.module.ts
index dfc7472fb0..de550e3416 100644
--- a/src/components/app/test/gesture-collision/pages/page-two/page-two.module.ts
+++ b/src/components/app/test/gesture-collision/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -12,6 +12,7 @@ import { PageTwo } from './page-two';
   ],
   entryComponents: [
     PageTwo,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/app/test/gestures/app.module.ts b/src/components/app/test/gestures/app.module.ts
index ff9cc77272..3983c41851 100644
--- a/src/components/app/test/gestures/app.module.ts
+++ b/src/components/app/test/gestures/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -34,6 +34,7 @@ export class AppComponent {
   bootstrap: [IonicApp],
   entryComponents: [
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/app/test/typography/app/app.module.ts b/src/components/app/test/typography/app/app.module.ts
index 5f208149a9..6545ec0e12 100644
--- a/src/components/app/test/typography/app/app.module.ts
+++ b/src/components/app/test/typography/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,6 +16,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
   ],
   bootstrap: [IonicApp],
   entryComponents: [
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/app/test/typography/pages/page-one/page-one.module.ts b/src/components/app/test/typography/pages/page-one/page-one.module.ts
index 8b48a5850d..ce4ba72e2f 100644
--- a/src/components/app/test/typography/pages/page-one/page-one.module.ts
+++ b/src/components/app/test/typography/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -12,6 +12,7 @@ import { PageOne } from './page-one';
   ],
   entryComponents: [
     PageOne,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/app/test/utilities/app/app.module.ts b/src/components/app/test/utilities/app/app.module.ts
index 2863e8af61..248877c0dc 100644
--- a/src/components/app/test/utilities/app/app.module.ts
+++ b/src/components/app/test/utilities/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -18,5 +18,6 @@ import { RootPage } from '../pages/root-page/root-page';
     IonicModule.forRoot(AppComponent, { statusbarPadding: true })
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/badge/badge.md.scss b/src/components/badge/badge.md.scss
index ac9680a815..0b849111c0 100644
--- a/src/components/badge/badge.md.scss
+++ b/src/components/badge/badge.md.scss
@@ -33,3 +33,4 @@ $badge-md-text-color:               color-contrast($colors-md, $badge-md-backgro
   }
 
 }
+
diff --git a/src/components/badge/badge.wp.scss b/src/components/badge/badge.wp.scss
index b860dc5a87..8ea824c876 100644
--- a/src/components/badge/badge.wp.scss
+++ b/src/components/badge/badge.wp.scss
@@ -33,3 +33,4 @@ $badge-wp-text-color:               color-contrast($colors-wp, $badge-wp-backgro
   }
 
 }
+
diff --git a/src/components/badge/test/basic/pages/page-one/page-one.html b/src/components/badge/test/basic/pages/page-one/page-one.html
index ca7b1983d9..0fd56bbfb2 100644
--- a/src/components/badge/test/basic/pages/page-one/page-one.html
+++ b/src/components/badge/test/basic/pages/page-one/page-one.html
@@ -15,39 +15,39 @@
     </ion-list-header>
     <ion-item>
       Default Badge
-      <ion-badge item-end>99</ion-badge>
+      <ion-badge item-right>99</ion-badge>
     </ion-item>
     <ion-item>
       Primary Badge
-      <ion-badge item-end color="primary">99</ion-badge>
+      <ion-badge item-right color="primary">99</ion-badge>
     </ion-item>
     <ion-item>
       Secondary Badge
-      <ion-badge item-end color="secondary">99</ion-badge>
+      <ion-badge item-right color="secondary">99</ion-badge>
     </ion-item>
     <ion-item>
       Danger Badge
-      <ion-badge item-end color="danger">99</ion-badge>
+      <ion-badge item-right color="danger">99</ion-badge>
     </ion-item>
     <ion-item>
       Light Badge
-      <ion-badge item-end color="light">99</ion-badge>
+      <ion-badge item-right color="light">99</ion-badge>
     </ion-item>
     <ion-item>
       Dark Badge
-      <ion-badge item-end color="dark">99</ion-badge>
+      <ion-badge item-right color="dark">99</ion-badge>
     </ion-item>
     <button ion-item (click)="toggleColor()" class="e2eBadgeToggleColor">
       Dynamic Badge Color (Toggle)
-      <ion-badge item-end [color]="dynamicColor">{{dynamicColor}}</ion-badge>
+      <ion-badge item-right [color]="dynamicColor">{{dynamicColor}}</ion-badge>
     </button>
     <button ion-item (click)="toggleMode()">
       Dynamic Badge Mode (Toggle)
-      <ion-badge item-end color="secondary" [mode]="dynamicMode">{{dynamicMode}}</ion-badge>
+      <ion-badge item-right color="secondary" [mode]="dynamicMode">{{dynamicMode}}</ion-badge>
     </button>
     <button ion-item (click)="toggleBoth()">
       Dynamic Badge Both (Toggle)
-      <ion-badge item-end [color]="dynamicColor" [mode]="dynamicMode">{{dynamicMode}}</ion-badge>
+      <ion-badge item-right [color]="dynamicColor" [mode]="dynamicMode">{{dynamicMode}}</ion-badge>
     </button>
   </ion-list>
 
@@ -57,35 +57,35 @@
     </ion-list-header>
     <ion-item>
       Default Badge
-      <ion-badge item-start>99</ion-badge>
+      <ion-badge item-left>99</ion-badge>
     </ion-item>
     <ion-item>
       Primary Badge
-      <ion-badge item-start color="primary">99</ion-badge>
+      <ion-badge item-left color="primary">99</ion-badge>
     </ion-item>
     <ion-item>
       Secondary Badge
-      <ion-badge item-start color="secondary">99</ion-badge>
+      <ion-badge item-left color="secondary">99</ion-badge>
     </ion-item>
     <ion-item>
       Danger Badge
-      <ion-badge item-start color="danger">99</ion-badge>
+      <ion-badge item-left color="danger">99</ion-badge>
     </ion-item>
     <ion-item>
       Light Badge
-      <ion-badge item-start color="light">99</ion-badge>
+      <ion-badge item-left color="light">99</ion-badge>
     </ion-item>
     <ion-item>
       Dark Badge
-      <ion-badge item-start color="dark">99</ion-badge>
+      <ion-badge item-left color="dark">99</ion-badge>
     </ion-item>
     <button ion-item (click)="toggleColor()">
       Dynamic Badge Color (Toggle)
-      <ion-badge item-start [color]="dynamicColor">{{dynamicColor}}</ion-badge>
+      <ion-badge item-left [color]="dynamicColor">{{dynamicColor}}</ion-badge>
     </button>
     <button ion-item (click)="toggleMode()">
       Dynamic Badge Mode (Toggle)
-      <ion-badge item-start [mode]="dynamicMode">{{dynamicMode}}</ion-badge>
+      <ion-badge item-left [mode]="dynamicMode">{{dynamicMode}}</ion-badge>
     </button>
   </ion-list>
 
diff --git a/src/components/button/test/anchors/app/app.module.ts b/src/components/button/test/anchors/app/app.module.ts
new file mode 100644
index 0000000000..37e039e3e6
--- /dev/null
+++ b/src/components/button/test/anchors/app/app.module.ts
@@ -0,0 +1,20 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { IonicApp, IonicModule } from '../../../../..';
+
+import { AppComponent } from './app.component';
+import { PageOneModule } from '../pages/page-one/page-one.module';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    IonicModule.forRoot(AppComponent),
+    PageOneModule
+  ],
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class AppModule {}
diff --git a/src/components/button/test/anchors/pages/page-one/page-one.module.ts b/src/components/button/test/anchors/pages/page-one/page-one.module.ts
new file mode 100644
index 0000000000..ce4ba72e2f
--- /dev/null
+++ b/src/components/button/test/anchors/pages/page-one/page-one.module.ts
@@ -0,0 +1,18 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { IonicPageModule } from '../../../../../..';
+
+import { PageOne } from './page-one';
+
+@NgModule({
+  declarations: [
+    PageOne,
+  ],
+  imports: [
+    IonicPageModule.forChild(PageOne),
+  ],
+  entryComponents: [
+    PageOne,
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class PageOneModule {}
diff --git a/src/components/button/test/attributes/app/app.module.ts b/src/components/button/test/attributes/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/attributes/app/app.module.ts
+++ b/src/components/button/test/attributes/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/attributes/pages/page-one/page-one.module.ts b/src/components/button/test/attributes/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/attributes/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/attributes/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/basic/app/app.module.ts b/src/components/button/test/basic/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/basic/app/app.module.ts
+++ b/src/components/button/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/basic/pages/page-one/page-one.module.ts b/src/components/button/test/basic/pages/page-one/page-one.module.ts
index f498de7c5e..a7c1165fd7 100644
--- a/src/components/button/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/basic/pages/page-one/page-one.module.ts
@@ -14,8 +14,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/block/app/app.module.ts b/src/components/button/test/block/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/block/app/app.module.ts
+++ b/src/components/button/test/block/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/block/pages/page-one/page-one.module.ts b/src/components/button/test/block/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/block/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/block/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/clear/app/app.module.ts b/src/components/button/test/clear/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/clear/app/app.module.ts
+++ b/src/components/button/test/clear/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/clear/pages/page-one/page-one.module.ts b/src/components/button/test/clear/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/clear/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/clear/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/decorator/app/app.module.ts b/src/components/button/test/decorator/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/decorator/app/app.module.ts
+++ b/src/components/button/test/decorator/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/decorator/pages/page-one/page-one.module.ts b/src/components/button/test/decorator/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/decorator/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/decorator/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/dynamic/app/app.module.ts b/src/components/button/test/dynamic/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/dynamic/app/app.module.ts
+++ b/src/components/button/test/dynamic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/dynamic/pages/page-one/page-one.module.ts b/src/components/button/test/dynamic/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/dynamic/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/dynamic/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/full/app/app.module.ts b/src/components/button/test/full/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/full/app/app.module.ts
+++ b/src/components/button/test/full/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/full/pages/page-one/page-one.module.ts b/src/components/button/test/full/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/full/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/full/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/icons/app/app.module.ts b/src/components/button/test/icons/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/icons/app/app.module.ts
+++ b/src/components/button/test/icons/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/icons/pages/page-one/page-one.module.ts b/src/components/button/test/icons/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/icons/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/icons/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/outline/app/app.module.ts b/src/components/button/test/outline/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/outline/app/app.module.ts
+++ b/src/components/button/test/outline/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/outline/pages/page-one/page-one.module.ts b/src/components/button/test/outline/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/outline/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/outline/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/raised/app.module.ts b/src/components/button/test/raised/app.module.ts
index c624404f00..6050e94740 100644
--- a/src/components/button/test/raised/app.module.ts
+++ b/src/components/button/test/raised/app.module.ts
@@ -28,8 +28,6 @@ export class AppComponent {
   entryComponents: [
     E2EPage
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/round/app/app.module.ts b/src/components/button/test/round/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/round/app/app.module.ts
+++ b/src/components/button/test/round/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/round/pages/page-one/page-one.module.ts b/src/components/button/test/round/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/round/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/round/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/button/test/sizes/app/app.module.ts b/src/components/button/test/sizes/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/button/test/sizes/app/app.module.ts
+++ b/src/components/button/test/sizes/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/button/test/sizes/pages/page-one/page-one.module.ts b/src/components/button/test/sizes/pages/page-one/page-one.module.ts
index ea5c47c577..ce4ba72e2f 100644
--- a/src/components/button/test/sizes/pages/page-one/page-one.module.ts
+++ b/src/components/button/test/sizes/pages/page-one/page-one.module.ts
@@ -13,8 +13,6 @@ import { PageOne } from './page-one';
   entryComponents: [
     PageOne,
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/card-content/card-content.ios.scss b/src/components/card-content/card-content.ios.scss
index 6b1f921a09..01f5cacbae 100644
--- a/src/components/card-content/card-content.ios.scss
+++ b/src/components/card-content/card-content.ios.scss
@@ -5,29 +5,38 @@
 // iOS Card Header
 // --------------------------------------------------
 
-/// @prop - Font size of the card
-$card-ios-font-size:                   1.4rem !default;
-
 /// @prop - Padding top of the card
 $card-ios-padding-top:                 13px !default;
 
-/// @prop - Padding right of the card
+// deprecated
 $card-ios-padding-right:               16px !default;
+/// @prop - Padding end of the card
+$card-ios-padding-end:                 $card-ios-padding-right;
 
 /// @prop - Padding bottom of the card
 $card-ios-padding-bottom:              14px !default;
 
-/// @prop - Padding left of the card
+// deprecated
 $card-ios-padding-left:                16px !default;
+/// @prop - Padding start of the card
+$card-ios-padding-start:               $card-ios-padding-left;
+
+/// @prop - Font size of the card
+$card-ios-font-size:                   1.4rem !default;
 
 
 .card-content-ios {
-  padding: $card-ios-padding-top $card-ios-padding-right $card-ios-padding-bottom $card-ios-padding-left;
+  @include padding($card-ios-padding-top, $card-ios-padding-end, $card-ios-padding-bottom, $card-ios-padding-start);
 
   font-size: $card-ios-font-size;
   line-height: 1.4;
 }
 
+.card-header-ios + .card-content-ios,
+.card-ios .item + .card-content-ios {
+  padding-top: 0;
+}
+
 
 // Generate iOS Card Content Colors
 // --------------------------------------------------
diff --git a/src/components/card-content/card-content.md.scss b/src/components/card-content/card-content.md.scss
index b098f640c6..ba4b8a4d7a 100644
--- a/src/components/card-content/card-content.md.scss
+++ b/src/components/card-content/card-content.md.scss
@@ -8,14 +8,18 @@
 /// @prop - Padding top of the card
 $card-md-padding-top:                 13px !default;
 
-/// @prop - Padding right of the card
+// deprecated
 $card-md-padding-right:               16px !default;
+/// @prop - Padding right of the card
+$card-md-padding-end:                 $card-md-padding-right;
 
 /// @prop - Padding bottom of the card
 $card-md-padding-bottom:              13px !default;
 
-/// @prop - Padding left of the card
+// deprecated
 $card-md-padding-left:                16px !default;
+/// @prop - Padding start of the card
+$card-md-padding-start:               $card-md-padding-left;
 
 /// @prop - Font size of the card
 $card-md-font-size:                   1.4rem !default;
@@ -25,7 +29,7 @@ $card-md-line-height:                 1.5 !default;
 
 
 .card-content-md {
-  padding: $card-md-padding-top $card-md-padding-right $card-md-padding-bottom $card-md-padding-left;
+  @include padding($card-md-padding-top, $card-md-padding-end, $card-md-padding-bottom, $card-md-padding-start);
 
   font-size: $card-md-font-size;
   line-height: $card-md-line-height;
diff --git a/src/components/card-content/card-content.wp.scss b/src/components/card-content/card-content.wp.scss
index d538b74134..b0695f59a5 100644
--- a/src/components/card-content/card-content.wp.scss
+++ b/src/components/card-content/card-content.wp.scss
@@ -8,14 +8,18 @@
 /// @prop - Padding top of the card
 $card-wp-padding-top:                 13px !default;
 
-/// @prop - Padding right of the card
+// deprecated
 $card-wp-padding-right:               16px !default;
+/// @prop - Padding end of the card
+$card-wp-padding-end:                 $card-wp-padding-right;
 
 /// @prop - Padding bottom of the card
 $card-wp-padding-bottom:              13px !default;
 
-/// @prop - Padding left of the card
+// deprecated
 $card-wp-padding-left:                16px !default;
+/// @prop - Padding start of the card
+$card-wp-padding-start:               $card-wp-padding-left;
 
 /// @prop - Font size of the card
 $card-wp-font-size:                   1.4rem !default;
@@ -25,13 +29,14 @@ $card-wp-line-height:                 1.5 !default;
 
 
 .card-content-wp {
-  padding: $card-wp-padding-top $card-wp-padding-right $card-wp-padding-bottom $card-wp-padding-left;
+  @include padding($card-wp-padding-top, $card-wp-padding-end, $card-wp-padding-bottom, $card-wp-padding-start);
 
   font-size: $card-wp-font-size;
   line-height: $card-wp-line-height;
 }
 
 
+
 // Generate Windows Card Content Colors
 // --------------------------------------------------
 
diff --git a/src/components/card-header/card-header.ios.scss b/src/components/card-header/card-header.ios.scss
index b9dfb05915..b76dc9d31d 100644
--- a/src/components/card-header/card-header.ios.scss
+++ b/src/components/card-header/card-header.ios.scss
@@ -11,19 +11,33 @@ $card-ios-header-font-size:            1.6rem !default;
 /// @prop - Font weight of the card header
 $card-ios-header-font-weight:          500 !default;
 
-/// @prop - Padding of the card header
-$card-ios-header-padding:              16px !default;
+// deprecated
+$card-ios-header-padding:              null !default;
+
+/// @prop - Padding top of the card header
+$card-ios-header-padding-top:          16px !default;
+
+/// @prop - Padding end of the card header
+$card-ios-header-padding-end:          $card-ios-header-padding-top !default;
+
+/// @prop - Padding bottom of the card header
+$card-ios-header-padding-bottom:       $card-ios-header-padding-top !default;
+
+/// @prop - Padding start of the card header
+$card-ios-header-padding-start:        $card-ios-header-padding-end !default;
 
 /// @prop - Color of the card header
 $card-ios-header-color:                #333 !default;
 
 
 .card-header-ios {
-  padding: $card-ios-header-padding;
-
   font-size: $card-ios-header-font-size;
   font-weight: $card-ios-header-font-weight;
   color: $card-ios-header-color;
+
+  @include deprecated-variable(padding, $card-ios-header-padding) {
+    @include padding($card-ios-header-padding-top, $card-ios-header-padding-end, $card-ios-header-padding-bottom, $card-ios-header-padding-start);
+  }
 }
 
 
diff --git a/src/components/card-header/card-header.md.scss b/src/components/card-header/card-header.md.scss
index 4d0819c533..22735833df 100644
--- a/src/components/card-header/card-header.md.scss
+++ b/src/components/card-header/card-header.md.scss
@@ -8,18 +8,32 @@
 /// @prop - Font size of the card header
 $card-md-header-font-size:            1.6rem !default;
 
-/// @prop - Padding of the card header
-$card-md-header-padding:              16px !default;
+// deprecated
+$card-md-header-padding:              null !default;
+
+/// @prop - Padding top of the card header
+$card-md-header-padding-top:          16px !default;
+
+/// @prop - Padding end of the card header
+$card-md-header-padding-end:          $card-md-header-padding-top !default;
+
+/// @prop - Padding bottom of the card header
+$card-md-header-padding-bottom:       $card-md-header-padding-top !default;
+
+/// @prop - Padding start of the card header
+$card-md-header-padding-start:        $card-md-header-padding-end !default;
 
 /// @prop - Color of the card header
 $card-md-header-color:                #222 !default;
 
 
 .card-header-md {
-  padding: $card-md-header-padding;
-
   font-size: $card-md-header-font-size;
   color: $card-md-header-color;
+
+  @include deprecated-variable(padding, $card-md-header-padding) {
+    @include padding($card-md-header-padding-top, $card-md-header-padding-end, $card-md-header-padding-bottom, $card-md-header-padding-start);
+  }
 }
 
 
diff --git a/src/components/card-header/card-header.wp.scss b/src/components/card-header/card-header.wp.scss
index 7288c3bc41..e981d673bf 100644
--- a/src/components/card-header/card-header.wp.scss
+++ b/src/components/card-header/card-header.wp.scss
@@ -8,19 +8,33 @@
 /// @prop - Font size of the card header
 $card-wp-header-font-size:            1.6rem !default;
 
-/// @prop - Padding of the card header
-$card-wp-header-padding:              16px !default;
+// deprecated
+$card-wp-header-padding:              null !default;
+
+/// @prop - Padding top of the card header
+$card-wp-header-padding-top:          16px !default;
+
+/// @prop - Padding end of the card header
+$card-wp-header-padding-end:          $card-wp-header-padding-top !default;
+
+/// @prop - Padding bottom of the card header
+$card-wp-header-padding-bottom:       $card-wp-header-padding-top !default;
+
+/// @prop - Padding start of the card header
+$card-wp-header-padding-start:        $card-wp-header-padding-end !default;
 
 /// @prop - Color of the card header
 $card-wp-header-color:                #222 !default;
 
 
 .card-header-wp {
-  padding: $card-wp-header-padding;
-
   font-size: $card-wp-header-font-size;
 
   color: $card-wp-header-color;
+
+  @include deprecated-variable(padding, $card-wp-header-padding) {
+    @include padding($card-wp-header-padding-top, $card-wp-header-padding-end, $card-wp-header-padding-bottom, $card-wp-header-padding-start);
+  }
 }
 
 
diff --git a/src/components/card-title/card-title.ios.scss b/src/components/card-title/card-title.ios.scss
index 6c9aa363db..47e7d7f0c8 100644
--- a/src/components/card-title/card-title.ios.scss
+++ b/src/components/card-title/card-title.ios.scss
@@ -8,11 +8,35 @@
 /// @prop - Font size of the card title
 $card-ios-title-font-size:             1.8rem !default;
 
-/// @prop - Padding of the card title
-$card-ios-title-padding:               8px 0 8px 0 !default;
+// deprecated
+$card-ios-title-padding:               null !default;
 
-/// @prop - Margin of the card title
-$card-ios-title-margin:                2px 0 2px !default;
+/// @prop - Padding top of the card title
+$card-ios-title-padding-top:           8px !default;
+
+/// @prop - Padding end of the card title
+$card-ios-title-padding-end:           0 !default;
+
+/// @prop - Padding bottom of the card title
+$card-ios-title-padding-bottom:        8px !default;
+
+/// @prop - Padding start of the card title
+$card-ios-title-padding-start:         0 !default;
+
+// deprecated
+$card-ios-title-margin:                null !default;
+
+/// @prop - Margin top of the card title
+$card-ios-title-margin-top:            2px !default;
+
+/// @prop - Margin end of the card title
+$card-ios-title-margin-end:            0 !default;
+
+/// @prop - Margin bottom of the card title
+$card-ios-title-margin-bottom:         2px !default;
+
+/// @prop - Margin start of the card title
+$card-ios-title-margin-start:          0 !default;
 
 /// @prop - Color of the card title
 $card-ios-title-text-color:            #222 !default;
@@ -21,12 +45,17 @@ $card-ios-title-text-color:            #222 !default;
 .card-title-ios {
   display: block;
 
-  margin: $card-ios-title-margin;
-  padding: $card-ios-title-padding;
-
   font-size: $card-ios-title-font-size;
   line-height: 1.2;
   color: $card-ios-title-text-color;
+
+  @include deprecated-variable(margin, $card-ios-title-margin) {
+    @include margin($card-ios-title-margin-top, $card-ios-title-margin-end, $card-ios-title-margin-bottom, $card-ios-title-margin-start);
+  }
+
+  @include deprecated-variable(padding, $card-ios-title-padding) {
+    @include padding($card-ios-title-padding-top, $card-ios-title-padding-end, $card-ios-title-padding-bottom, $card-ios-title-padding-start);
+  }
 }
 
 
diff --git a/src/components/card-title/card-title.md.scss b/src/components/card-title/card-title.md.scss
index 6231bde4f1..68a4db793a 100644
--- a/src/components/card-title/card-title.md.scss
+++ b/src/components/card-title/card-title.md.scss
@@ -8,11 +8,35 @@
 /// @prop - Font size of the card title
 $card-md-title-font-size:             2.4rem !default;
 
-/// @prop - Padding of the card title
-$card-md-title-padding:               8px 0 8px 0 !default;
+// deprecated
+$card-md-title-padding:               null !default;
 
-/// @prop - Margin of the card title
-$card-md-title-margin:                2px 0 2px !default;
+/// @prop - Padding top of the card title
+$card-md-title-padding-top:           8px !default;
+
+/// @prop - Padding end of the card title
+$card-md-title-padding-end:           0 !default;
+
+/// @prop - Padding bottom of the card title
+$card-md-title-padding-bottom:        8px !default;
+
+/// @prop - Padding start of the card title
+$card-md-title-padding-start:         0 !default;
+
+// deprecated
+$card-md-title-margin:                null !default;
+
+/// @prop - Margin top of the card title
+$card-md-title-margin-top:            2px !default;
+
+/// @prop - Margin end of the card title
+$card-md-title-margin-end:            0 !default;
+
+/// @prop - Margin bottom of the card title
+$card-md-title-margin-bottom:         2px !default;
+
+/// @prop - Margin start of the card title
+$card-md-title-margin-start:          $card-md-title-margin-end !default;
 
 /// @prop - Color of the card title
 $card-md-title-text-color:            #222 !default;
@@ -21,12 +45,17 @@ $card-md-title-text-color:            #222 !default;
 .card-title-md {
   display: block;
 
-  margin: $card-md-title-margin;
-  padding: $card-md-title-padding;
-
   font-size: $card-md-title-font-size;
   line-height: 1.2;
   color: $card-md-title-text-color;
+
+  @include deprecated-variable(margin, $card-md-title-margin) {
+    @include margin($card-md-title-margin-top, $card-md-title-margin-end, $card-md-title-margin-bottom, $card-md-title-margin-start);
+  }
+
+  @include deprecated-variable(padding, $card-md-title-padding) {
+    @include padding($card-md-title-padding-top, $card-md-title-padding-end, $card-md-title-padding-bottom, $card-md-title-padding-start);
+  }
 }
 
 
diff --git a/src/components/card-title/card-title.wp.scss b/src/components/card-title/card-title.wp.scss
index 0953772861..36429d4ad2 100644
--- a/src/components/card-title/card-title.wp.scss
+++ b/src/components/card-title/card-title.wp.scss
@@ -8,11 +8,35 @@
 /// @prop - Font size of card title
 $card-wp-title-font-size:             2.4rem !default;
 
-/// @prop - Padding of the card title
-$card-wp-title-padding:               8px 0 8px 0 !default;
+// deprecated
+$card-wp-title-padding:               null !default;
 
-/// @prop - Margin of the card title
-$card-wp-title-margin:                2px 0 !default;
+/// @prop - Padding top of the card title
+$card-wp-title-padding-top:           8px !default;
+
+/// @prop - Padding end of the card title
+$card-wp-title-padding-end:           0 !default;
+
+/// @prop - Padding bottom of the card title
+$card-wp-title-padding-bottom:        8px !default;
+
+/// @prop - Padding start of the card title
+$card-wp-title-padding-start:         0 !default;
+
+// deprecated
+$card-wp-title-margin:                null !default;
+
+/// @prop - Margin top of the card title
+$card-wp-title-margin-top:            2px !default;
+
+/// @prop - Margin end of the card title
+$card-wp-title-margin-end:            0 !default;
+
+/// @prop - Margin bottom of the card title
+$card-wp-title-margin-bottom:         $card-wp-title-margin-top !default;
+
+/// @prop - Margin start of the card title
+$card-wp-title-margin-start:          $card-wp-title-margin-end !default;
 
 /// @prop - Color of the card title
 $card-wp-title-text-color:            #222 !default;
@@ -21,12 +45,17 @@ $card-wp-title-text-color:            #222 !default;
 .card-title-wp {
   display: block;
 
-  margin: $card-wp-title-margin;
-  padding: $card-wp-title-padding;
-
   font-size: $card-wp-title-font-size;
   line-height: 1.2;
   color: $card-wp-title-text-color;
+
+  @include deprecated-variable(margin, $card-wp-title-margin) {
+    @include margin($card-wp-title-margin-top, $card-wp-title-margin-end, $card-wp-title-margin-bottom, $card-wp-title-margin-start);
+  }
+
+  @include deprecated-variable(padding, $card-wp-title-padding) {
+    @include padding($card-wp-title-padding-top, $card-wp-title-padding-end, $card-wp-title-padding-bottom, $card-wp-title-padding-start);
+  }
 }
 
 
diff --git a/src/components/card/card.ios.scss b/src/components/card/card.ios.scss
index 55ae677001..f7248c6633 100755
--- a/src/components/card/card.ios.scss
+++ b/src/components/card/card.ios.scss
@@ -17,6 +17,9 @@ $card-ios-margin-bottom:               12px !default;
 /// @prop - Margin left of the card
 $card-ios-margin-left:                 12px !default;
 
+/// @prop - Margin start of the card
+$card-ios-margin-start:                $card-ios-margin-left;
+
 /// @prop - Padding top of the media on the card
 $card-ios-padding-media-top:           10px !default;
 
@@ -68,11 +71,6 @@ $card-ios-text-color:                  #666 !default;
   border: 0;
 }
 
-.card-header-ios + .card-content-ios,
-.card-ios .item + .card-content-ios {
-  padding-top: 0;
-}
-
 .card .note-ios {
   font-size: 1.3rem;
 }
diff --git a/src/components/card/card.md.scss b/src/components/card/card.md.scss
index b756b65d25..166bf51c2c 100755
--- a/src/components/card/card.md.scss
+++ b/src/components/card/card.md.scss
@@ -17,6 +17,9 @@ $card-md-margin-bottom:               10px !default;
 /// @prop - Margin left of the card
 $card-md-margin-left:                 10px !default;
 
+/// @prop - Margin start of the card
+$card-md-margin-start:                $card-md-margin-left;
+
 /// @prop - Padding top of the media on the card
 $card-md-padding-media-top:           10px !default;
 
diff --git a/src/components/card/card.wp.scss b/src/components/card/card.wp.scss
index 47ae8d99d9..d007a5f92c 100755
--- a/src/components/card/card.wp.scss
+++ b/src/components/card/card.wp.scss
@@ -17,6 +17,9 @@ $card-wp-margin-bottom:               8px !default;
 /// @prop - Margin left of the card
 $card-wp-margin-left:                 8px !default;
 
+/// @prop - Margin start of the card
+$card-wp-margin-start:                $card-wp-margin-left;
+
 /// @prop - Padding top of the media on the card
 $card-wp-padding-media-top:           10px !default;
 
diff --git a/src/components/card/test/advanced/app/app.module.ts b/src/components/card/test/advanced/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/card/test/advanced/app/app.module.ts
+++ b/src/components/card/test/advanced/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/card/test/advanced/pages/root-page/root-page.html b/src/components/card/test/advanced/pages/root-page/root-page.html
index 8a6236931c..06674c32d0 100644
--- a/src/components/card/test/advanced/pages/root-page/root-page.html
+++ b/src/components/card/test/advanced/pages/root-page/root-page.html
@@ -48,7 +48,7 @@
   <ion-card>
 
     <ion-item>
-      <ion-avatar item-start>
+      <ion-avatar item-left>
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
       </ion-avatar>
       <h2>Card With An Inset Picture</h2>
diff --git a/src/components/card/test/advanced/pages/root-page/root-page.module.ts b/src/components/card/test/advanced/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/card/test/advanced/pages/root-page/root-page.module.ts
+++ b/src/components/card/test/advanced/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/card/test/basic/app/app.module.ts b/src/components/card/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/card/test/basic/app/app.module.ts
+++ b/src/components/card/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/card/test/basic/pages/root-page/root-page.html b/src/components/card/test/basic/pages/root-page/root-page.html
index 05ff449a11..688be7bca0 100644
--- a/src/components/card/test/basic/pages/root-page/root-page.html
+++ b/src/components/card/test/basic/pages/root-page/root-page.html
@@ -26,9 +26,9 @@
   <ion-card>
 
     <ion-item>
-      <ion-icon name="pin" item-start></ion-icon>
+      <ion-icon name="pin" item-left></ion-icon>
       ion-item in a card, icon left, button right
-      <button ion-button outline item-end>View</button>
+      <button ion-button outline item-right>View</button>
     </ion-item>
 
     <ion-card-content>
@@ -42,22 +42,22 @@
   <ion-card>
 
     <a ion-item href="#" class="activated">
-      <ion-icon name="wifi" item-start></ion-icon>
+      <ion-icon name="wifi" item-left></ion-icon>
       Card Link Item 1 .activated
     </a>
 
     <a ion-item href="#">
-      <ion-icon name="wine" item-start></ion-icon>
+      <ion-icon name="wine" item-left></ion-icon>
       Card Link Item 2
     </a>
 
     <button ion-item class="activated">
-      <ion-icon name="warning" item-start></ion-icon>
+      <ion-icon name="warning" item-left></ion-icon>
       Card Button Item 1 .activated
     </button>
 
     <button ion-item>
-      <ion-icon name="walk" item-start></ion-icon>
+      <ion-icon name="walk" item-left></ion-icon>
       Card Button Item 2
     </button>
 
diff --git a/src/components/card/test/colors/app/app.module.ts b/src/components/card/test/colors/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/card/test/colors/app/app.module.ts
+++ b/src/components/card/test/colors/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/card/test/colors/pages/root-page/root-page.module.ts b/src/components/card/test/colors/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/card/test/colors/pages/root-page/root-page.module.ts
+++ b/src/components/card/test/colors/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/card/test/images/app/app.module.ts b/src/components/card/test/images/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/card/test/images/app/app.module.ts
+++ b/src/components/card/test/images/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/card/test/images/pages/root-page/root-page.html b/src/components/card/test/images/pages/root-page/root-page.html
index 661780a0c3..8bb0f5d1b6 100644
--- a/src/components/card/test/images/pages/root-page/root-page.html
+++ b/src/components/card/test/images/pages/root-page/root-page.html
@@ -23,7 +23,7 @@
   <ion-card>
 
     <ion-item>
-      <ion-avatar item-start>
+      <ion-avatar item-left>
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
       </ion-avatar>
       <h2>Card with large avatar</h2>
diff --git a/src/components/card/test/images/pages/root-page/root-page.module.ts b/src/components/card/test/images/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/card/test/images/pages/root-page/root-page.module.ts
+++ b/src/components/card/test/images/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/card/test/list/app/app.module.ts b/src/components/card/test/list/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/card/test/list/app/app.module.ts
+++ b/src/components/card/test/list/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/card/test/list/pages/root-page/root-page.html b/src/components/card/test/list/pages/root-page/root-page.html
index b0874ce07f..0933dd9773 100644
--- a/src/components/card/test/list/pages/root-page/root-page.html
+++ b/src/components/card/test/list/pages/root-page/root-page.html
@@ -18,24 +18,24 @@
       </ion-list-header>
 
       <button ion-item>
-        <ion-icon name="cart" item-start></ion-icon>
+        <ion-icon name="cart" item-left></ion-icon>
         Shopping
       </button>
 
       <button ion-item>
-        <ion-icon name="medical" item-start></ion-icon>
+        <ion-icon name="medical" item-left></ion-icon>
         Hospital
       </button>
 
       <button ion-item>
-        <ion-icon name="paw" item-start></ion-icon>
+        <ion-icon name="paw" item-left></ion-icon>
         Dog Park
       </button>
 
     </ion-list>
 
     <button ion-item>
-      <ion-icon name="heart" item-start></ion-icon>
+      <ion-icon name="heart" item-left></ion-icon>
       Single Item
     </button>
 
@@ -50,23 +50,23 @@
       </ion-list-header>
 
       <ion-item>
-        <ion-icon name="wifi" item-start></ion-icon>
+        <ion-icon name="wifi" item-left></ion-icon>
         <ion-label>Wifi</ion-label>
         <ion-toggle></ion-toggle>
       </ion-item>
 
       <ion-item>
-        <ion-icon name="heart" item-start></ion-icon>
+        <ion-icon name="heart" item-left></ion-icon>
         Affection
-        <ion-note item-end>
+        <ion-note item-right>
           Very Little
         </ion-note>
       </ion-item>
 
       <ion-item>
-        <ion-icon name="home" item-start></ion-icon>
+        <ion-icon name="home" item-left></ion-icon>
         Home
-        <ion-note item-end>
+        <ion-note item-right>
           Where the heart is
         </ion-note>
       </ion-item>
@@ -82,23 +82,23 @@
     </ion-card-header>
 
     <ion-item>
-      <ion-icon name="wifi" item-start></ion-icon>
+      <ion-icon name="wifi" item-left></ion-icon>
       <ion-label>Wifi</ion-label>
       <ion-toggle></ion-toggle>
     </ion-item>
 
     <ion-item>
-      <ion-icon name="heart" item-start></ion-icon>
+      <ion-icon name="heart" item-left></ion-icon>
       Affection
-      <ion-note item-end>
+      <ion-note item-right>
         Very Little
       </ion-note>
     </ion-item>
 
     <ion-item>
-      <ion-icon name="home" item-start></ion-icon>
+      <ion-icon name="home" item-left></ion-icon>
       Home
-      <ion-note item-end>
+      <ion-note item-right>
         Where the heart is
       </ion-note>
     </ion-item>
diff --git a/src/components/card/test/list/pages/root-page/root-page.module.ts b/src/components/card/test/list/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/card/test/list/pages/root-page/root-page.module.ts
+++ b/src/components/card/test/list/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/card/test/map/app.module.ts b/src/components/card/test/map/app.module.ts
index 20982bd470..6050e94740 100644
--- a/src/components/card/test/map/app.module.ts
+++ b/src/components/card/test/map/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -27,6 +27,7 @@ export class AppComponent {
   bootstrap: [IonicApp],
   entryComponents: [
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/card/test/map/main.html b/src/components/card/test/map/main.html
index 132c0c93e3..60674b26ae 100644
--- a/src/components/card/test/map/main.html
+++ b/src/components/card/test/map/main.html
@@ -17,21 +17,21 @@
     </button>
 
     <ion-item>
-      <ion-icon item-start large name="football"></ion-icon>
+      <ion-icon item-left large name="football"></ion-icon>
       <h2>Museum of Football</h2>
       <p>11 N. Way St, Madison, WI 53703</p>
     </ion-item>
 
     <ion-item>
-      <ion-icon item-start large name="wine"></ion-icon>
+      <ion-icon item-left large name="wine"></ion-icon>
       <h2>Institute of Fine Cocktails</h2>
       <p>14 S. Hop Avenue, Madison, WI 53703</p>
     </ion-item>
 
     <ion-item>
-      <span item-start>18 min</span>
-      <span item-start>(2.6 mi)</span>
-      <button ion-button icon-left primary clear item-end>
+      <span item-left>18 min</span>
+      <span item-left>(2.6 mi)</span>
+      <button ion-button icon-left primary clear item-right>
         <ion-icon name="navigate"></ion-icon>
         Start
       </button>
@@ -47,21 +47,21 @@
     </button>
 
     <ion-item>
-      <ion-icon item-start large name="cloud"></ion-icon>
+      <ion-icon item-left large name="cloud"></ion-icon>
       <h2>Yoshi's Island</h2>
       <p>Iggy Koopa</p>
     </ion-item>
 
     <ion-item>
-      <ion-icon item-start large name="leaf"></ion-icon>
+      <ion-icon item-left large name="leaf"></ion-icon>
       <h2>Forest of Illusion</h2>
       <p>Roy Koopa</p>
     </ion-item>
 
     <ion-item>
-      <span item-start>3 hr</span>
-      <span item-start>(4.8 mi)</span>
-      <button ion-button icon-left danger clear item-end>
+      <span item-left>3 hr</span>
+      <span item-left>(4.8 mi)</span>
+      <button ion-button icon-left danger clear item-right>
         <ion-icon name="navigate"></ion-icon>
         Start
       </button>
@@ -77,21 +77,21 @@
     </button>
 
     <ion-item>
-      <ion-icon item-start large name="information-circle"></ion-icon>
+      <ion-icon item-left large name="information-circle"></ion-icon>
       <h2>Museum of Information</h2>
       <p>44 Rue de Info, 75010 Paris, France</p>
     </ion-item>
 
     <ion-item>
-      <ion-icon item-start large name="leaf"></ion-icon>
+      <ion-icon item-left large name="leaf"></ion-icon>
       <h2>General Pharmacy</h2>
       <p>1 Avenue Faux, 75010 Paris, France</p>
     </ion-item>
 
     <ion-item>
-      <span item-start secondary>26 min</span>
-      <span item-start>(8.1 mi)</span>
-      <button ion-button icon-left secondary clear item-end>
+      <span item-left secondary>26 min</span>
+      <span item-left>(8.1 mi)</span>
+      <button ion-button icon-left secondary clear item-right>
         <ion-icon name="navigate"></ion-icon>
         Start
       </button>
diff --git a/src/components/card/test/social/app.module.ts b/src/components/card/test/social/app.module.ts
index 20982bd470..6050e94740 100644
--- a/src/components/card/test/social/app.module.ts
+++ b/src/components/card/test/social/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -27,6 +27,7 @@ export class AppComponent {
   bootstrap: [IonicApp],
   entryComponents: [
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/card/test/social/main.html b/src/components/card/test/social/main.html
index 49016ca683..8550de4fe1 100644
--- a/src/components/card/test/social/main.html
+++ b/src/components/card/test/social/main.html
@@ -12,7 +12,7 @@
   <ion-card>
 
     <ion-item>
-      <ion-avatar item-start>
+      <ion-avatar item-left>
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
       </ion-avatar>
       <h2>Marty McFly</h2>
@@ -26,15 +26,15 @@
     </ion-card-content>
 
     <ion-item>
-      <button ion-button icon-left primary clear item-start>
+      <button ion-button icon-left primary clear item-left>
         <ion-icon name="thumbs-up"></ion-icon>
         <div>12 Likes</div>
       </button>
-      <button ion-button icon-left primary clear item-start>
+      <button ion-button icon-left primary clear item-left>
         <ion-icon name="text"></ion-icon>
         <div>4 Comments</div>
       </button>
-      <ion-note item-end>
+      <ion-note item-right>
         11h ago
       </ion-note>
     </ion-item>
@@ -45,7 +45,7 @@
   <ion-card>
 
     <ion-item>
-      <ion-avatar item-start>
+      <ion-avatar item-left>
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
       </ion-avatar>
       <h2>Sarah Connor</h2>
@@ -59,15 +59,15 @@
     </ion-card-content>
 
     <ion-item>
-      <button ion-button icon-left primary clear item-start>
+      <button ion-button icon-left primary clear item-left>
         <ion-icon name="thumbs-up"></ion-icon>
         <div>30 Likes</div>
       </button>
-      <button ion-button icon-left primary clear item-start>
+      <button ion-button icon-left primary clear item-left>
         <ion-icon name="text"></ion-icon>
         <div>64 Comments</div>
       </button>
-      <ion-note item-end>
+      <ion-note item-right>
         30yr ago
       </ion-note>
     </ion-item>
@@ -77,7 +77,7 @@
   <ion-card>
 
     <ion-item>
-      <ion-avatar item-start>
+      <ion-avatar item-left>
         <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
       </ion-avatar>
       <h2>Dr. Ian Malcolm</h2>
@@ -91,15 +91,15 @@
     </ion-card-content>
 
     <ion-item>
-      <button ion-button icon-left primary clear item-start>
+      <button ion-button icon-left primary clear item-left>
         <ion-icon name="thumbs-up"></ion-icon>
         <div>46 Likes</div>
       </button>
-      <button ion-button icon-left primary clear item-start>
+      <button ion-button icon-left primary clear item-left>
         <ion-icon name="text"></ion-icon>
         <div>66 Comments</div>
       </button>
-      <ion-note item-end>
+      <ion-note item-right>
         2d ago
       </ion-note>
     </ion-item>
diff --git a/src/components/checkbox/test/basic/app/app.module.ts b/src/components/checkbox/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/checkbox/test/basic/app/app.module.ts
+++ b/src/components/checkbox/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/checkbox/test/basic/pages/root-page/root-page.module.ts b/src/components/checkbox/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/checkbox/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/checkbox/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/chip/test/basic/app/app.module.ts b/src/components/chip/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/chip/test/basic/app/app.module.ts
+++ b/src/components/chip/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/chip/test/basic/pages/root-page/root-page.module.ts b/src/components/chip/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/chip/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/chip/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/content/test/basic/app/app.module.ts b/src/components/content/test/basic/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/content/test/basic/app/app.module.ts
+++ b/src/components/content/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/content/test/basic/pages/page-five/page-five.module.ts b/src/components/content/test/basic/pages/page-five/page-five.module.ts
index d2fbf883b2..c6b5da94df 100644
--- a/src/components/content/test/basic/pages/page-five/page-five.module.ts
+++ b/src/components/content/test/basic/pages/page-five/page-five.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageFive } from './page-five';
@@ -9,6 +9,7 @@ import { PageFive } from './page-five';
   ],
   imports: [
     IonicPageModule.forChild(PageFive)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageFiveModule {}
diff --git a/src/components/content/test/basic/pages/page-four/page-four.module.ts b/src/components/content/test/basic/pages/page-four/page-four.module.ts
index c2c73b3bd8..4ccb833825 100644
--- a/src/components/content/test/basic/pages/page-four/page-four.module.ts
+++ b/src/components/content/test/basic/pages/page-four/page-four.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageFour } from './page-four';
@@ -9,6 +9,7 @@ import { PageFour } from './page-four';
   ],
   imports: [
     IonicPageModule.forChild(PageFour)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageFourModule {}
diff --git a/src/components/content/test/basic/pages/page-one/page-one.module.ts b/src/components/content/test/basic/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/content/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/content/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/content/test/basic/pages/page-three/page-three.module.ts b/src/components/content/test/basic/pages/page-three/page-three.module.ts
index b3c5a8088e..162bb68d1a 100644
--- a/src/components/content/test/basic/pages/page-three/page-three.module.ts
+++ b/src/components/content/test/basic/pages/page-three/page-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageThree } from './page-three';
@@ -9,6 +9,7 @@ import { PageThree } from './page-three';
   ],
   imports: [
     IonicPageModule.forChild(PageThree)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageThreeModule {}
diff --git a/src/components/content/test/basic/pages/page-two/page-two.module.ts b/src/components/content/test/basic/pages/page-two/page-two.module.ts
index 8774af30fd..05154fddb4 100644
--- a/src/components/content/test/basic/pages/page-two/page-two.module.ts
+++ b/src/components/content/test/basic/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/content/test/basic/pages/tabs-page/tabs-page.module.ts b/src/components/content/test/basic/pages/tabs-page/tabs-page.module.ts
index b708dd044a..55a27502bc 100644
--- a/src/components/content/test/basic/pages/tabs-page/tabs-page.module.ts
+++ b/src/components/content/test/basic/pages/tabs-page/tabs-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabsPage } from './tabs-page';
@@ -11,6 +11,7 @@ import { PageOneModule } from '../page-one/page-one.module';
   imports: [
     IonicPageModule.forChild(TabsPage),
     PageOneModule
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule {}
diff --git a/src/components/content/test/fullscreen/app/app.module.ts b/src/components/content/test/fullscreen/app/app.module.ts
index 472cd840ec..37e039e3e6 100644
--- a/src/components/content/test/fullscreen/app/app.module.ts
+++ b/src/components/content/test/fullscreen/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/content/test/fullscreen/pages/page-five/page-five.module.ts b/src/components/content/test/fullscreen/pages/page-five/page-five.module.ts
index d2fbf883b2..c6b5da94df 100644
--- a/src/components/content/test/fullscreen/pages/page-five/page-five.module.ts
+++ b/src/components/content/test/fullscreen/pages/page-five/page-five.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageFive } from './page-five';
@@ -9,6 +9,7 @@ import { PageFive } from './page-five';
   ],
   imports: [
     IonicPageModule.forChild(PageFive)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageFiveModule {}
diff --git a/src/components/content/test/fullscreen/pages/page-four/page-four.module.ts b/src/components/content/test/fullscreen/pages/page-four/page-four.module.ts
index c2c73b3bd8..4ccb833825 100644
--- a/src/components/content/test/fullscreen/pages/page-four/page-four.module.ts
+++ b/src/components/content/test/fullscreen/pages/page-four/page-four.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageFour } from './page-four';
@@ -9,6 +9,7 @@ import { PageFour } from './page-four';
   ],
   imports: [
     IonicPageModule.forChild(PageFour)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageFourModule {}
diff --git a/src/components/content/test/fullscreen/pages/page-one/page-one.module.ts b/src/components/content/test/fullscreen/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/content/test/fullscreen/pages/page-one/page-one.module.ts
+++ b/src/components/content/test/fullscreen/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/content/test/fullscreen/pages/page-three/page-three.module.ts b/src/components/content/test/fullscreen/pages/page-three/page-three.module.ts
index b3c5a8088e..162bb68d1a 100644
--- a/src/components/content/test/fullscreen/pages/page-three/page-three.module.ts
+++ b/src/components/content/test/fullscreen/pages/page-three/page-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageThree } from './page-three';
@@ -9,6 +9,7 @@ import { PageThree } from './page-three';
   ],
   imports: [
     IonicPageModule.forChild(PageThree)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageThreeModule {}
diff --git a/src/components/content/test/fullscreen/pages/page-two/page-two.module.ts b/src/components/content/test/fullscreen/pages/page-two/page-two.module.ts
index 8774af30fd..05154fddb4 100644
--- a/src/components/content/test/fullscreen/pages/page-two/page-two.module.ts
+++ b/src/components/content/test/fullscreen/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/content/test/fullscreen/pages/tabs-page/tabs-page.module.ts b/src/components/content/test/fullscreen/pages/tabs-page/tabs-page.module.ts
index b708dd044a..55a27502bc 100644
--- a/src/components/content/test/fullscreen/pages/tabs-page/tabs-page.module.ts
+++ b/src/components/content/test/fullscreen/pages/tabs-page/tabs-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabsPage } from './tabs-page';
@@ -11,6 +11,7 @@ import { PageOneModule } from '../page-one/page-one.module';
   imports: [
     IonicPageModule.forChild(TabsPage),
     PageOneModule
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule {}
diff --git a/src/components/content/test/header-scroll/app.module.ts b/src/components/content/test/header-scroll/app.module.ts
index cd19a1ef3a..ced09ec3d3 100644
--- a/src/components/content/test/header-scroll/app.module.ts
+++ b/src/components/content/test/header-scroll/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, ScrollEvent } from '../../../..';
 
@@ -39,6 +39,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/content/test/no-bounce/app/app.module.ts b/src/components/content/test/no-bounce/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/content/test/no-bounce/app/app.module.ts
+++ b/src/components/content/test/no-bounce/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/content/test/no-bounce/pages/root-page/root-page.module.ts b/src/components/content/test/no-bounce/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/content/test/no-bounce/pages/root-page/root-page.module.ts
+++ b/src/components/content/test/no-bounce/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/content/test/scroll-down-on-load/app/app.module.ts b/src/components/content/test/scroll-down-on-load/app/app.module.ts
index a97cc075e4..029d689828 100644
--- a/src/components/content/test/scroll-down-on-load/app/app.module.ts
+++ b/src/components/content/test/scroll-down-on-load/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -17,6 +17,7 @@ import { RootPage } from '../pages/root-page/root-page';
   bootstrap: [IonicApp],
   entryComponents: [
     RootPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/datetime/test/basic/app/app.module.ts b/src/components/datetime/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/datetime/test/basic/app/app.module.ts
+++ b/src/components/datetime/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/datetime/test/basic/pages/root-page/root-page.module.ts b/src/components/datetime/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/datetime/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/datetime/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/datetime/test/form/app.module.ts b/src/components/datetime/test/form/app.module.ts
index 1f96cb4389..cfbb688ea4 100644
--- a/src/components/datetime/test/form/app.module.ts
+++ b/src/components/datetime/test/form/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { FormControl, FormGroup } from '@angular/forms';
 import { IonicApp, IonicModule } from '../../../..';
@@ -45,6 +45,7 @@ export class AppComponent {
   bootstrap: [IonicApp],
   entryComponents: [
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/datetime/test/issues/app/app.module.ts b/src/components/datetime/test/issues/app/app.module.ts
index a97cc075e4..029d689828 100644
--- a/src/components/datetime/test/issues/app/app.module.ts
+++ b/src/components/datetime/test/issues/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -17,6 +17,7 @@ import { RootPage } from '../pages/root-page/root-page';
   bootstrap: [IonicApp],
   entryComponents: [
     RootPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/datetime/test/labels/app/app.module.ts b/src/components/datetime/test/labels/app/app.module.ts
index 30df6df8e7..9289976baa 100644
--- a/src/components/datetime/test/labels/app/app.module.ts
+++ b/src/components/datetime/test/labels/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/datetime/test/labels/pages/root-page/root-page.module.ts b/src/components/datetime/test/labels/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/datetime/test/labels/pages/root-page/root-page.module.ts
+++ b/src/components/datetime/test/labels/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/fab/test/basic/app/app.module.ts b/src/components/fab/test/basic/app/app.module.ts
index 30df6df8e7..9289976baa 100644
--- a/src/components/fab/test/basic/app/app.module.ts
+++ b/src/components/fab/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/fab/test/basic/pages/root-page/root-page.module.ts b/src/components/fab/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/fab/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/fab/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/grid/test/alignment/app.module.ts b/src/components/grid/test/alignment/app.module.ts
index 03a5e33fa5..7a7db5fa96 100644
--- a/src/components/grid/test/alignment/app.module.ts
+++ b/src/components/grid/test/alignment/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -30,6 +30,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/grid/test/basic/app/app.module.ts b/src/components/grid/test/basic/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/grid/test/basic/app/app.module.ts
+++ b/src/components/grid/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/grid/test/basic/pages/root-page/root-page.module.ts b/src/components/grid/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/grid/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/grid/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/grid/test/card/app.module.ts b/src/components/grid/test/card/app.module.ts
index 201a0ff52f..8542255235 100644
--- a/src/components/grid/test/card/app.module.ts
+++ b/src/components/grid/test/card/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicApp, IonicModule } from '../../../..';
 
 
@@ -35,6 +35,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     Page1
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/grid/test/full/app.module.ts b/src/components/grid/test/full/app.module.ts
index 75d0edffa0..0d461a3ca6 100644
--- a/src/components/grid/test/full/app.module.ts
+++ b/src/components/grid/test/full/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -28,6 +28,7 @@ export class AppComponent {
   entryComponents: [
     E2EPage,
     AppComponent
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/grid/test/responsive/app.module.ts b/src/components/grid/test/responsive/app.module.ts
index 5df27a4c60..d2995f044f 100644
--- a/src/components/grid/test/responsive/app.module.ts
+++ b/src/components/grid/test/responsive/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicApp, IonicModule } from '../../../..';
 
 
@@ -29,6 +29,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     Page1
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/icon/test/basic/app/app.module.ts b/src/components/icon/test/basic/app/app.module.ts
index 5cc4fee72d..029d689828 100644
--- a/src/components/icon/test/basic/app/app.module.ts
+++ b/src/components/icon/test/basic/app/app.module.ts
@@ -18,8 +18,6 @@ import { RootPage } from '../pages/root-page/root-page';
   entryComponents: [
     RootPage
   ],
-  schemas: [
-    CUSTOM_ELEMENTS_SCHEMA
-  ]
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/img/test/basic/app/app.module.ts b/src/components/img/test/basic/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/img/test/basic/app/app.module.ts
+++ b/src/components/img/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/img/test/basic/pages/my-img/my-img.module.ts b/src/components/img/test/basic/pages/my-img/my-img.module.ts
index 4d35c4931b..62023353e7 100644
--- a/src/components/img/test/basic/pages/my-img/my-img.module.ts
+++ b/src/components/img/test/basic/pages/my-img/my-img.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 import { IonicPageModule } from '../../../../../..';
 
@@ -13,6 +13,7 @@ import { MyImg } from './my-img';
   ],
   imports: [
     IonicPageModule.forChild(MyImg)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class MyImgModule {}
diff --git a/src/components/img/test/basic/pages/root-page/root-page.module.ts b/src/components/img/test/basic/pages/root-page/root-page.module.ts
index 4f2feb406a..03c0731d92 100644
--- a/src/components/img/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/img/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -11,6 +11,7 @@ import { MyImgModule } from '../my-img/my-img.module';
   imports: [
     IonicPageModule.forChild(RootPage),
     MyImgModule
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/img/test/cards/app.module.ts b/src/components/img/test/cards/app.module.ts
index 6687e9b8aa..adc2bf4ebe 100644
--- a/src/components/img/test/cards/app.module.ts
+++ b/src/components/img/test/cards/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -37,6 +37,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/img/test/lazy-load/app.module.ts b/src/components/img/test/lazy-load/app.module.ts
index 73a837eeb5..ef151972bd 100644
--- a/src/components/img/test/lazy-load/app.module.ts
+++ b/src/components/img/test/lazy-load/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -32,6 +32,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/img/test/list/app.module.ts b/src/components/img/test/list/app.module.ts
index 43d75545d9..badfa89e2f 100644
--- a/src/components/img/test/list/app.module.ts
+++ b/src/components/img/test/list/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -62,6 +62,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/infinite-scroll/test/position-top/app/app.module.ts b/src/components/infinite-scroll/test/position-top/app/app.module.ts
index d4f0bb7adf..01f9697964 100644
--- a/src/components/infinite-scroll/test/position-top/app/app.module.ts
+++ b/src/components/infinite-scroll/test/position-top/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -20,6 +20,7 @@ import { PageTwo } from '../pages/page-two/page-two';
   entryComponents: [
     RootPage,
     PageTwo
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/infinite-scroll/test/short-list/app.module.ts b/src/components/infinite-scroll/test/short-list/app.module.ts
index df16bac150..c7a1e1e1e2 100644
--- a/src/components/infinite-scroll/test/short-list/app.module.ts
+++ b/src/components/infinite-scroll/test/short-list/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, InfiniteScroll } from '../../../..';
 
@@ -53,7 +53,8 @@ export class AppComponent {
   bootstrap: [IonicApp],
   entryComponents: [
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/input/test/basic-form/app/app.module.ts b/src/components/input/test/basic-form/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/basic-form/app/app.module.ts
+++ b/src/components/input/test/basic-form/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/basic-form/pages/root-page/root-page.module.ts b/src/components/input/test/basic-form/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/basic-form/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/basic-form/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/clear-after-edit/app/app.module.ts b/src/components/input/test/clear-after-edit/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/input/test/clear-after-edit/app/app.module.ts
+++ b/src/components/input/test/clear-after-edit/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/clear-after-edit/pages/root-page/root-page.module.ts b/src/components/input/test/clear-after-edit/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/clear-after-edit/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/clear-after-edit/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/clear-input/app/app.module.ts b/src/components/input/test/clear-input/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/clear-input/app/app.module.ts
+++ b/src/components/input/test/clear-input/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/clear-input/pages/root-page/root-page.module.ts b/src/components/input/test/clear-input/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/clear-input/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/clear-input/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/events/app/app.module.ts b/src/components/input/test/events/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/events/app/app.module.ts
+++ b/src/components/input/test/events/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/events/pages/root-page/root-page.module.ts b/src/components/input/test/events/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/events/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/events/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/fixed-inline-labels/app/app.module.ts b/src/components/input/test/fixed-inline-labels/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/fixed-inline-labels/app/app.module.ts
+++ b/src/components/input/test/fixed-inline-labels/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/fixed-inline-labels/pages/root-page/root-page.module.ts b/src/components/input/test/fixed-inline-labels/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/fixed-inline-labels/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/fixed-inline-labels/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/floating-labels/app/app.module.ts b/src/components/input/test/floating-labels/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/floating-labels/app/app.module.ts
+++ b/src/components/input/test/floating-labels/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/floating-labels/pages/root-page/root-page.module.ts b/src/components/input/test/floating-labels/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/floating-labels/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/floating-labels/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/footer-inputs/app/app.module.ts b/src/components/input/test/footer-inputs/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/footer-inputs/app/app.module.ts
+++ b/src/components/input/test/footer-inputs/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/footer-inputs/pages/root-page/root-page.module.ts b/src/components/input/test/footer-inputs/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/footer-inputs/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/footer-inputs/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/form-inputs/app/app.module.ts b/src/components/input/test/form-inputs/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/form-inputs/app/app.module.ts
+++ b/src/components/input/test/form-inputs/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/form-inputs/pages/root-page/root-page.module.ts b/src/components/input/test/form-inputs/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/form-inputs/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/form-inputs/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/highlight/app/app.module.ts b/src/components/input/test/highlight/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/highlight/app/app.module.ts
+++ b/src/components/input/test/highlight/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/highlight/pages/root-page/root-page.module.ts b/src/components/input/test/highlight/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/highlight/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/highlight/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/inline-labels/app/app.module.ts b/src/components/input/test/inline-labels/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/inline-labels/app/app.module.ts
+++ b/src/components/input/test/inline-labels/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/inline-labels/pages/root-page/root-page.module.ts b/src/components/input/test/inline-labels/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/inline-labels/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/inline-labels/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/input-focus/app/app.module.ts b/src/components/input/test/input-focus/app/app.module.ts
index 146932809f..837727eed8 100644
--- a/src/components/input/test/input-focus/app/app.module.ts
+++ b/src/components/input/test/input-focus/app/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -26,6 +26,7 @@ export class AppComponent {
   bootstrap: [IonicApp],
   entryComponents: [
     RootPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/inset-inputs/app/app.module.ts b/src/components/input/test/inset-inputs/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/inset-inputs/app/app.module.ts
+++ b/src/components/input/test/inset-inputs/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/inset-inputs/pages/root-page/root-page.module.ts b/src/components/input/test/inset-inputs/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/inset-inputs/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/inset-inputs/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/placeholder-labels/app/app.module.ts b/src/components/input/test/placeholder-labels/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/placeholder-labels/app/app.module.ts
+++ b/src/components/input/test/placeholder-labels/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/placeholder-labels/pages/root-page/root-page.module.ts b/src/components/input/test/placeholder-labels/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/placeholder-labels/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/placeholder-labels/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/input/test/stacked-labels/app/app.module.ts b/src/components/input/test/stacked-labels/app/app.module.ts
index 7f76975a26..35f89d67d5 100644
--- a/src/components/input/test/stacked-labels/app/app.module.ts
+++ b/src/components/input/test/stacked-labels/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     IonicModule.forRoot(AppComponent),
     RootPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/input/test/stacked-labels/pages/root-page/root-page.module.ts b/src/components/input/test/stacked-labels/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/input/test/stacked-labels/pages/root-page/root-page.module.ts
+++ b/src/components/input/test/stacked-labels/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/item.ts b/src/components/item/item.ts
index fb2c65916e..0700a284f3 100644
--- a/src/components/item/item.ts
+++ b/src/components/item/item.ts
@@ -272,7 +272,7 @@ import { ItemReorder } from './item-reorder';
 @Component({
   selector: 'ion-list-header,ion-item,[ion-item],ion-item-divider',
   template:
-    '<ng-content select="[item-start],[item-left],ion-checkbox:not([item-end]):not([item-right])"></ng-content>' +
+    '<ng-content select="[slot=\'start\'],[item-start],[item-left],ion-checkbox:not([slot=\'end\']):not([item-end]):not([item-right])"></ng-content>' +
     '<div class="item-inner">' +
       '<div class="input-wrapper">' +
         '<ng-content select="ion-label"></ng-content>' +
@@ -281,7 +281,7 @@ import { ItemReorder } from './item-reorder';
         '</ion-label>' +
         '<ng-content select="ion-select,ion-input,ion-textarea,ion-datetime,ion-range,[item-content]"></ng-content>' +
       '</div>' +
-      '<ng-content select="[item-end],[item-right],ion-radio,ion-toggle"></ng-content>' +
+      '<ng-content select="[slot=\'end\'],[item-end],[item-right],ion-radio,ion-toggle"></ng-content>' +
       '<ion-reorder *ngIf="_hasReorder"></ion-reorder>' +
     '</div>' +
     '<div class="button-effect"></div>',
diff --git a/src/components/item/test/buttons/app/app.module.ts b/src/components/item/test/buttons/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/item/test/buttons/app/app.module.ts
+++ b/src/components/item/test/buttons/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/buttons/pages/root-page/root-page.module.ts b/src/components/item/test/buttons/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/item/test/buttons/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/buttons/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/colors/app/app.module.ts b/src/components/item/test/colors/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/item/test/colors/app/app.module.ts
+++ b/src/components/item/test/colors/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/colors/pages/root-page/root-page.module.ts b/src/components/item/test/colors/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/item/test/colors/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/colors/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/dividers/app/app.module.ts b/src/components/item/test/dividers/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/item/test/dividers/app/app.module.ts
+++ b/src/components/item/test/dividers/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/dividers/pages/root-page/root-page.module.ts b/src/components/item/test/dividers/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/item/test/dividers/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/dividers/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/groups/app/app.module.ts b/src/components/item/test/groups/app/app.module.ts
index 94af18cd4e..cadd313925 100644
--- a/src/components/item/test/groups/app/app.module.ts
+++ b/src/components/item/test/groups/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,6 +15,7 @@ import { SessionListModule } from '../pages/session-list/session-list.module';
     SessionListModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/item/test/groups/pages/session-detail/session-detail.module.ts b/src/components/item/test/groups/pages/session-detail/session-detail.module.ts
index eaded59def..53fbf88eb2 100644
--- a/src/components/item/test/groups/pages/session-detail/session-detail.module.ts
+++ b/src/components/item/test/groups/pages/session-detail/session-detail.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { SessionDetail } from './session-detail';
 import { IonicPageModule } from '../../../../../..';
 
@@ -12,6 +12,7 @@ import { IonicPageModule } from '../../../../../..';
   entryComponents: [
     SessionDetail
   ],
-  providers: []
+  providers: [],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SessionDetailModule {}
diff --git a/src/components/item/test/groups/pages/session-list/session-list.module.ts b/src/components/item/test/groups/pages/session-list/session-list.module.ts
index 5bd58e1b4f..bb1b246ea6 100644
--- a/src/components/item/test/groups/pages/session-list/session-list.module.ts
+++ b/src/components/item/test/groups/pages/session-list/session-list.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { SessionList } from './session-list';
 import { IonicPageModule } from '../../../../../..';
 
@@ -8,6 +8,7 @@ import { IonicPageModule } from '../../../../../..';
   ],
   imports: [
     IonicPageModule.forChild(SessionList)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SessionListModule {}
diff --git a/src/components/item/test/icons/app/app.module.ts b/src/components/item/test/icons/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/item/test/icons/app/app.module.ts
+++ b/src/components/item/test/icons/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/icons/pages/root-page/root-page.module.ts b/src/components/item/test/icons/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/item/test/icons/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/icons/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/images/app/app.module.ts b/src/components/item/test/images/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/item/test/images/app/app.module.ts
+++ b/src/components/item/test/images/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/images/pages/root-page/root-page.module.ts b/src/components/item/test/images/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/item/test/images/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/images/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/inputs/app/app.module.ts b/src/components/item/test/inputs/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/item/test/inputs/app/app.module.ts
+++ b/src/components/item/test/inputs/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/inputs/pages/root-page/root-page.html b/src/components/item/test/inputs/pages/root-page/root-page.html
index 43a42fe15b..ffeb611df2 100644
--- a/src/components/item/test/inputs/pages/root-page/root-page.html
+++ b/src/components/item/test/inputs/pages/root-page/root-page.html
@@ -58,7 +58,7 @@
 
     <ion-item>
       <ion-label>Toggle (left)</ion-label>
-      <ion-toggle [(ngModel)]="toggle" item-start [disabled]='disabled'></ion-toggle>
+      <ion-toggle [(ngModel)]="toggle" slot="start" [disabled]='disabled'></ion-toggle>
     </ion-item>
 
     <ion-item>
diff --git a/src/components/item/test/inputs/pages/root-page/root-page.module.ts b/src/components/item/test/inputs/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/item/test/inputs/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/inputs/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/media/app/app.module.ts b/src/components/item/test/media/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/item/test/media/app/app.module.ts
+++ b/src/components/item/test/media/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/media/pages/root-page/root-page.module.ts b/src/components/item/test/media/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/item/test/media/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/media/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/reorder/app/app.module.ts b/src/components/item/test/reorder/app/app.module.ts
index 7b3247e989..50723209d5 100644
--- a/src/components/item/test/reorder/app/app.module.ts
+++ b/src/components/item/test/reorder/app/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -24,6 +24,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     RootPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/sliding/app/app.module.ts b/src/components/item/test/sliding/app/app.module.ts
index 2d98a47fb0..51dc787e56 100644
--- a/src/components/item/test/sliding/app/app.module.ts
+++ b/src/components/item/test/sliding/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,5 +16,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/sliding/pages/root-page/root-page.module.ts b/src/components/item/test/sliding/pages/root-page/root-page.module.ts
index e45aba1295..13d3d7ee01 100644
--- a/src/components/item/test/sliding/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/sliding/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage),
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/item/test/text/app/app.module.ts b/src/components/item/test/text/app/app.module.ts
index 0866dcfdae..e8ad88f86f 100644
--- a/src/components/item/test/text/app/app.module.ts
+++ b/src/components/item/test/text/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -17,6 +17,7 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
   bootstrap: [IonicApp],
   entryComponents: [
     AppComponent
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/item/test/text/pages/root-page/root-page.module.ts b/src/components/item/test/text/pages/root-page/root-page.module.ts
index b40736f821..56182834f3 100644
--- a/src/components/item/test/text/pages/root-page/root-page.module.ts
+++ b/src/components/item/test/text/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -12,6 +12,7 @@ import { RootPage } from './root-page';
   ],
   entryComponents: [
     RootPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/list/test/chat-list/app.module.ts b/src/components/list/test/chat-list/app.module.ts
index 6a6c8a4876..7c9678767f 100644
--- a/src/components/list/test/chat-list/app.module.ts
+++ b/src/components/list/test/chat-list/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -33,6 +33,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/list/test/header-scenarios/app/app.module.ts b/src/components/list/test/header-scenarios/app/app.module.ts
index 6055a4ef7e..fec6d9c4fb 100644
--- a/src/components/list/test/header-scenarios/app/app.module.ts
+++ b/src/components/list/test/header-scenarios/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -17,6 +17,7 @@ import { E2EPageModule } from '../pages/main/main.module';
   bootstrap: [IonicApp],
   entryComponents: [
     AppComponent
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/list/test/header-scenarios/pages/main/main.module.ts b/src/components/list/test/header-scenarios/pages/main/main.module.ts
index 97b7dfedcd..6a59c0ef45 100644
--- a/src/components/list/test/header-scenarios/pages/main/main.module.ts
+++ b/src/components/list/test/header-scenarios/pages/main/main.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { E2EPage } from './main';
@@ -12,6 +12,7 @@ import { E2EPage } from './main';
   ],
   entryComponents: [
     E2EPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class E2EPageModule {}
diff --git a/src/components/list/test/headers/app/app.module.ts b/src/components/list/test/headers/app/app.module.ts
index 68b7bae9d1..a139d523dc 100644
--- a/src/components/list/test/headers/app/app.module.ts
+++ b/src/components/list/test/headers/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     PageOneModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/list/test/headers/pages/page-one/page-one.module.ts b/src/components/list/test/headers/pages/page-one/page-one.module.ts
index 23625b3ecc..cc7bcb692e 100644
--- a/src/components/list/test/headers/pages/page-one/page-one.module.ts
+++ b/src/components/list/test/headers/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne),
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/list/test/inset/app/app.module.ts b/src/components/list/test/inset/app/app.module.ts
index 362061f7bf..d90c85ed4c 100644
--- a/src/components/list/test/inset/app/app.module.ts
+++ b/src/components/list/test/inset/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     PageOneModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/list/test/inset/pages/page-one/page-one.module.ts b/src/components/list/test/inset/pages/page-one/page-one.module.ts
index 23625b3ecc..cc7bcb692e 100644
--- a/src/components/list/test/inset/pages/page-one/page-one.module.ts
+++ b/src/components/list/test/inset/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne),
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/list/test/no-lines/app/app.module.ts b/src/components/list/test/no-lines/app/app.module.ts
index e4d0dde57c..37c221659c 100644
--- a/src/components/list/test/no-lines/app/app.module.ts
+++ b/src/components/list/test/no-lines/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,5 +16,6 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     PageOneModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/list/test/no-lines/pages/page-one/page-one.module.ts b/src/components/list/test/no-lines/pages/page-one/page-one.module.ts
index 23625b3ecc..cc7bcb692e 100644
--- a/src/components/list/test/no-lines/pages/page-one/page-one.module.ts
+++ b/src/components/list/test/no-lines/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne),
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/list/test/repeat-headers/app.module.ts b/src/components/list/test/repeat-headers/app.module.ts
index cc183ee950..ac5d73e6b5 100644
--- a/src/components/list/test/repeat-headers/app.module.ts
+++ b/src/components/list/test/repeat-headers/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -34,6 +34,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/list/test/sticky/app.module.ts b/src/components/list/test/sticky/app.module.ts
index 32d68af22a..85b311b8a1 100644
--- a/src/components/list/test/sticky/app.module.ts
+++ b/src/components/list/test/sticky/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -49,6 +49,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/loading/test/basic/app/app.module.ts b/src/components/loading/test/basic/app/app.module.ts
index d9ff2157e5..a6d5348261 100644
--- a/src/components/loading/test/basic/app/app.module.ts
+++ b/src/components/loading/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,6 +15,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     PageOneModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
 
diff --git a/src/components/loading/test/basic/pages/page-one/page-one.module.ts b/src/components/loading/test/basic/pages/page-one/page-one.module.ts
index a5b67f5cfa..8f3e845559 100644
--- a/src/components/loading/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/loading/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { PageOne } from './page-one';
 
@@ -9,5 +9,6 @@ import { PageOne } from './page-one';
   declarations: [
     PageOne
   ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule { }
diff --git a/src/components/loading/test/basic/pages/page-three/page-three.module.ts b/src/components/loading/test/basic/pages/page-three/page-three.module.ts
index 732a3dfd2b..ca542cd675 100644
--- a/src/components/loading/test/basic/pages/page-three/page-three.module.ts
+++ b/src/components/loading/test/basic/pages/page-three/page-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { PageThree } from './page-three';
 
@@ -8,6 +8,7 @@ import { PageThree } from './page-three';
   ],
   declarations: [
     PageThree
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageThreeModule { }
diff --git a/src/components/loading/test/basic/pages/page-two/page-two.module.ts b/src/components/loading/test/basic/pages/page-two/page-two.module.ts
index 4537ac1ef6..e182969596 100644
--- a/src/components/loading/test/basic/pages/page-two/page-two.module.ts
+++ b/src/components/loading/test/basic/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { PageTwo } from './page-two';
 
@@ -9,5 +9,6 @@ import { PageTwo } from './page-two';
   declarations: [
     PageTwo
   ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule { }
diff --git a/src/components/loading/test/tabs/app/app.module.ts b/src/components/loading/test/tabs/app/app.module.ts
index 2a9184c642..d22eb86f10 100644
--- a/src/components/loading/test/tabs/app/app.module.ts
+++ b/src/components/loading/test/tabs/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { TabsPageModule } from '../pages/tabs-page/tabs-page.module';
     TabsPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/loading/test/tabs/pages/page-one/page-one.module.ts b/src/components/loading/test/tabs/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/loading/test/tabs/pages/page-one/page-one.module.ts
+++ b/src/components/loading/test/tabs/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/loading/test/tabs/pages/page-two/page-two.module.ts b/src/components/loading/test/tabs/pages/page-two/page-two.module.ts
index d55363cb37..05154fddb4 100644
--- a/src/components/loading/test/tabs/pages/page-two/page-two.module.ts
+++ b/src/components/loading/test/tabs/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -10,5 +10,6 @@ import { PageTwo } from './page-two';
   imports: [
     IonicPageModule.forChild(PageTwo)
   ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/loading/test/tabs/pages/tabs-page/tabs-page.module.ts b/src/components/loading/test/tabs/pages/tabs-page/tabs-page.module.ts
index b89a442bc5..ffa91dc335 100644
--- a/src/components/loading/test/tabs/pages/tabs-page/tabs-page.module.ts
+++ b/src/components/loading/test/tabs/pages/tabs-page/tabs-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabsPage } from './tabs-page';
@@ -14,6 +14,7 @@ import { PageOneModule } from '../page-one/page-one.module';
   ],
   entryComponents: [
     TabsPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule {}
diff --git a/src/components/menu/test/basic/app/app.module.ts b/src/components/menu/test/basic/app/app.module.ts
index da6d10ea99..d90c85ed4c 100644
--- a/src/components/menu/test/basic/app/app.module.ts
+++ b/src/components/menu/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/menu/test/basic/pages/modal-page/modal-page.module.ts b/src/components/menu/test/basic/pages/modal-page/modal-page.module.ts
index 11e4b7dac5..2c06bafc99 100644
--- a/src/components/menu/test/basic/pages/modal-page/modal-page.module.ts
+++ b/src/components/menu/test/basic/pages/modal-page/modal-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalPage } from './modal-page';
@@ -9,6 +9,7 @@ import { ModalPage } from './modal-page';
   ],
   imports: [
     IonicPageModule.forChild(ModalPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalPageModule {}
diff --git a/src/components/menu/test/basic/pages/page-four/page-four.module.ts b/src/components/menu/test/basic/pages/page-four/page-four.module.ts
index c2c73b3bd8..4ccb833825 100644
--- a/src/components/menu/test/basic/pages/page-four/page-four.module.ts
+++ b/src/components/menu/test/basic/pages/page-four/page-four.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageFour } from './page-four';
@@ -9,6 +9,7 @@ import { PageFour } from './page-four';
   ],
   imports: [
     IonicPageModule.forChild(PageFour)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageFourModule {}
diff --git a/src/components/menu/test/basic/pages/page-one/page-one.module.ts b/src/components/menu/test/basic/pages/page-one/page-one.module.ts
index 0ebc51c2cb..10ef1ba6ec 100644
--- a/src/components/menu/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/menu/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -11,6 +11,7 @@ import { PageTwoModule } from '../page-two/page-two.module';
   imports: [
     IonicPageModule.forChild(PageOne),
     PageTwoModule
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/menu/test/basic/pages/page-three/page-three.module.ts b/src/components/menu/test/basic/pages/page-three/page-three.module.ts
index b3c5a8088e..162bb68d1a 100644
--- a/src/components/menu/test/basic/pages/page-three/page-three.module.ts
+++ b/src/components/menu/test/basic/pages/page-three/page-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageThree } from './page-three';
@@ -9,6 +9,7 @@ import { PageThree } from './page-three';
   ],
   imports: [
     IonicPageModule.forChild(PageThree)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageThreeModule {}
diff --git a/src/components/menu/test/basic/pages/page-two/page-two.module.ts b/src/components/menu/test/basic/pages/page-two/page-two.module.ts
index 8774af30fd..05154fddb4 100644
--- a/src/components/menu/test/basic/pages/page-two/page-two.module.ts
+++ b/src/components/menu/test/basic/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/menu/test/disable-swipe/app.module.ts b/src/components/menu/test/disable-swipe/app.module.ts
index 96e015cadb..b021427e8d 100644
--- a/src/components/menu/test/disable-swipe/app.module.ts
+++ b/src/components/menu/test/disable-swipe/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, MenuController } from '../../../..';
 
@@ -46,6 +46,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     Page1
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/menu/test/multiple/app/app.module.ts b/src/components/menu/test/multiple/app/app.module.ts
index da6d10ea99..d90c85ed4c 100644
--- a/src/components/menu/test/multiple/app/app.module.ts
+++ b/src/components/menu/test/multiple/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/menu/test/multiple/pages/page-one/page-one.module.ts b/src/components/menu/test/multiple/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/menu/test/multiple/pages/page-one/page-one.module.ts
+++ b/src/components/menu/test/multiple/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/modal/test/basic/app/app.module.ts b/src/components/modal/test/basic/app/app.module.ts
index ec89d90fe7..f18111a277 100644
--- a/src/components/modal/test/basic/app/app.module.ts
+++ b/src/components/modal/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicModule, IonicApp } from '../../../../..';
 
@@ -21,6 +21,7 @@ import { SomeAppProvider } from '../services/some-app-provider';
   ],
   bootstrap: [IonicApp],
   providers: [SomeAppProvider],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/modal/test/basic/pages/contact-us/contact-us.module.ts b/src/components/modal/test/basic/pages/contact-us/contact-us.module.ts
index 05681b65d1..a4d8a78fda 100644
--- a/src/components/modal/test/basic/pages/contact-us/contact-us.module.ts
+++ b/src/components/modal/test/basic/pages/contact-us/contact-us.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ContactUs } from './contact-us';
@@ -9,6 +9,7 @@ import { ContactUs } from './contact-us';
   ],
   imports: [
     IonicPageModule.forChild(ContactUs)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ContactUsModule {}
diff --git a/src/components/modal/test/basic/pages/modal-pass-data/modal-pass-data.module.ts b/src/components/modal/test/basic/pages/modal-pass-data/modal-pass-data.module.ts
index e082797897..abe65ba068 100644
--- a/src/components/modal/test/basic/pages/modal-pass-data/modal-pass-data.module.ts
+++ b/src/components/modal/test/basic/pages/modal-pass-data/modal-pass-data.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalPassData } from './modal-pass-data';
@@ -13,6 +13,7 @@ import { SomeComponentProvider } from './provider';
   ],
   providers: [
     SomeComponentProvider
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalPassDataModule {}
diff --git a/src/components/modal/test/basic/pages/modal-with-inputs/modal-with-inputs.module.ts b/src/components/modal/test/basic/pages/modal-with-inputs/modal-with-inputs.module.ts
index 73c5d1bff4..a3f21b5be0 100644
--- a/src/components/modal/test/basic/pages/modal-with-inputs/modal-with-inputs.module.ts
+++ b/src/components/modal/test/basic/pages/modal-with-inputs/modal-with-inputs.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalWithInputs } from './modal-with-inputs';
@@ -9,6 +9,7 @@ import { ModalWithInputs } from './modal-with-inputs';
   ],
   imports: [
     IonicPageModule.forChild(ModalWithInputs)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalWithInputsModule {}
diff --git a/src/components/modal/test/basic/pages/page-one/page-one.module.ts b/src/components/modal/test/basic/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/modal/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/modal/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/modal/test/basic/pages/page-three/page-three.module.ts b/src/components/modal/test/basic/pages/page-three/page-three.module.ts
index b3c5a8088e..162bb68d1a 100644
--- a/src/components/modal/test/basic/pages/page-three/page-three.module.ts
+++ b/src/components/modal/test/basic/pages/page-three/page-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageThree } from './page-three';
@@ -9,6 +9,7 @@ import { PageThree } from './page-three';
   ],
   imports: [
     IonicPageModule.forChild(PageThree)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageThreeModule {}
diff --git a/src/components/modal/test/basic/pages/page-two/page-two.module.ts b/src/components/modal/test/basic/pages/page-two/page-two.module.ts
index 8774af30fd..05154fddb4 100644
--- a/src/components/modal/test/basic/pages/page-two/page-two.module.ts
+++ b/src/components/modal/test/basic/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/modal/test/basic/pages/toolbar/toolbar.module.ts b/src/components/modal/test/basic/pages/toolbar/toolbar.module.ts
index 8d05d64c7f..f6a535747b 100644
--- a/src/components/modal/test/basic/pages/toolbar/toolbar.module.ts
+++ b/src/components/modal/test/basic/pages/toolbar/toolbar.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ToolbarModal } from './toolbar';
@@ -12,6 +12,7 @@ import { ToolbarModal } from './toolbar';
   ],
   entryComponents: [
     ToolbarModal,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ToolbarModalModule {}
diff --git a/src/components/nav/test/basic/app/app.module.ts b/src/components/nav/test/basic/app/app.module.ts
index 02526d07d9..edc7220b28 100644
--- a/src/components/nav/test/basic/app/app.module.ts
+++ b/src/components/nav/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,6 +15,7 @@ import { FirstPageModule } from '../pages/first-page/first-page.module';
     IonicModule.forRoot(AppComponent, { swipeBackEnabled: true, preloadModules: true }),
     FirstPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/nav/test/basic/pages/another-page/another-page.module.ts b/src/components/nav/test/basic/pages/another-page/another-page.module.ts
index cd94c9faff..f70b020510 100644
--- a/src/components/nav/test/basic/pages/another-page/another-page.module.ts
+++ b/src/components/nav/test/basic/pages/another-page/another-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { AnotherPage } from './another-page';
 
@@ -12,6 +12,7 @@ import { AnotherPage } from './another-page';
   ],
   entryComponents: [
     AnotherPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AnotherPageModule { }
diff --git a/src/components/nav/test/basic/pages/first-page/first-page.module.ts b/src/components/nav/test/basic/pages/first-page/first-page.module.ts
index e5b179db25..d28d4e3ae0 100644
--- a/src/components/nav/test/basic/pages/first-page/first-page.module.ts
+++ b/src/components/nav/test/basic/pages/first-page/first-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { FirstPage } from './first-page';
 
@@ -13,6 +13,7 @@ import { MyCmpTest2 } from './my-component-two';
     FirstPage,
     MyCmpTest,
     MyCmpTest2
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class FirstPageModule { }
diff --git a/src/components/nav/test/basic/pages/full-page/full-page.module.ts b/src/components/nav/test/basic/pages/full-page/full-page.module.ts
index ea0f4265a9..488868ed03 100644
--- a/src/components/nav/test/basic/pages/full-page/full-page.module.ts
+++ b/src/components/nav/test/basic/pages/full-page/full-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { FullPage } from './full-page';
 
@@ -12,6 +12,7 @@ import { FullPage } from './full-page';
   ],
   entryComponents: [
     FullPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class FullPageModule { }
diff --git a/src/components/nav/test/basic/pages/primary-header-page/primary-header-page.module.ts b/src/components/nav/test/basic/pages/primary-header-page/primary-header-page.module.ts
index d543938ab5..34358f06f0 100644
--- a/src/components/nav/test/basic/pages/primary-header-page/primary-header-page.module.ts
+++ b/src/components/nav/test/basic/pages/primary-header-page/primary-header-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { PrimaryHeaderPage } from './primary-header-page';
 
@@ -12,6 +12,7 @@ import { PrimaryHeaderPage } from './primary-header-page';
   ],
   entryComponents: [
     PrimaryHeaderPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PrimaryHeaderPageModule { }
diff --git a/src/components/nav/test/basic/pages/redirect-page/redirect-page.module.ts b/src/components/nav/test/basic/pages/redirect-page/redirect-page.module.ts
index fd2473cb19..78c7c64dae 100644
--- a/src/components/nav/test/basic/pages/redirect-page/redirect-page.module.ts
+++ b/src/components/nav/test/basic/pages/redirect-page/redirect-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { RedirectPage } from './redirect-page';
 
@@ -12,6 +12,7 @@ import { RedirectPage } from './redirect-page';
   ],
   entryComponents: [
     RedirectPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RedirectPageModule { }
diff --git a/src/components/nav/test/basic/pages/tab-item-page/tab-item-page.module.ts b/src/components/nav/test/basic/pages/tab-item-page/tab-item-page.module.ts
index c1b2802ab0..29b057b195 100644
--- a/src/components/nav/test/basic/pages/tab-item-page/tab-item-page.module.ts
+++ b/src/components/nav/test/basic/pages/tab-item-page/tab-item-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { TabItemPage } from './tab-item-page';
 
@@ -12,6 +12,7 @@ import { TabItemPage } from './tab-item-page';
   ],
   entryComponents: [
     TabItemPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabItemPageModule { }
diff --git a/src/components/nav/test/basic/pages/tab-one/tab-one.module.ts b/src/components/nav/test/basic/pages/tab-one/tab-one.module.ts
index 62bb51532e..74aa41646d 100644
--- a/src/components/nav/test/basic/pages/tab-one/tab-one.module.ts
+++ b/src/components/nav/test/basic/pages/tab-one/tab-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab1 } from './tab-one';
 
@@ -12,6 +12,7 @@ import { Tab1 } from './tab-one';
   ],
   entryComponents: [
     Tab1,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab1Module { }
diff --git a/src/components/nav/test/basic/pages/tab-three/tab-three.module.ts b/src/components/nav/test/basic/pages/tab-three/tab-three.module.ts
index 9aa149d86c..b6456f76de 100644
--- a/src/components/nav/test/basic/pages/tab-three/tab-three.module.ts
+++ b/src/components/nav/test/basic/pages/tab-three/tab-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab3 } from './tab-three';
 
@@ -12,6 +12,7 @@ import { Tab3 } from './tab-three';
   ],
   entryComponents: [
     Tab3,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab3Module { }
diff --git a/src/components/nav/test/basic/pages/tab-two/tab-two.module.ts b/src/components/nav/test/basic/pages/tab-two/tab-two.module.ts
index f2c4e92d8b..c5e79759cd 100644
--- a/src/components/nav/test/basic/pages/tab-two/tab-two.module.ts
+++ b/src/components/nav/test/basic/pages/tab-two/tab-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab2 } from './tab-two';
 
@@ -12,6 +12,7 @@ import { Tab2 } from './tab-two';
   ],
   entryComponents: [
     Tab2,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab2Module { }
diff --git a/src/components/nav/test/basic/pages/tabs/tabs.module.ts b/src/components/nav/test/basic/pages/tabs/tabs.module.ts
index 61b3db5e8d..b8b0335341 100644
--- a/src/components/nav/test/basic/pages/tabs/tabs.module.ts
+++ b/src/components/nav/test/basic/pages/tabs/tabs.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { TabsPage } from './tabs';
 
@@ -12,6 +12,7 @@ import { TabsPage } from './tabs';
   ],
   entryComponents: [
     TabsPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule { }
diff --git a/src/components/nav/test/child-navs/app/app.module.ts b/src/components/nav/test/child-navs/app/app.module.ts
index 96ea9d1b60..096c1d2cda 100644
--- a/src/components/nav/test/child-navs/app/app.module.ts
+++ b/src/components/nav/test/child-navs/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { LandingPageModule } from '../pages/landing-page/landing-page.module';
     IonicModule.forRoot(AppComponent, {}),
     LandingPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/nav/test/child-navs/pages/first-page/first-page.module.ts b/src/components/nav/test/child-navs/pages/first-page/first-page.module.ts
index bc3bbeef52..185614c60c 100644
--- a/src/components/nav/test/child-navs/pages/first-page/first-page.module.ts
+++ b/src/components/nav/test/child-navs/pages/first-page/first-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { FirstPage } from './first-page';
@@ -12,6 +12,7 @@ import { FirstPage } from './first-page';
   ],
   entryComponents: [
     FirstPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class FirstPageModule {}
diff --git a/src/components/nav/test/child-navs/pages/fourth-page/fourth-page.module.ts b/src/components/nav/test/child-navs/pages/fourth-page/fourth-page.module.ts
index f39e879fc3..4f9c7d6893 100644
--- a/src/components/nav/test/child-navs/pages/fourth-page/fourth-page.module.ts
+++ b/src/components/nav/test/child-navs/pages/fourth-page/fourth-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { FourthPage } from './fourth-page';
@@ -12,6 +12,7 @@ import { FourthPage } from './fourth-page';
   ],
   entryComponents: [
     FourthPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class FourthPageModule {}
diff --git a/src/components/nav/test/child-navs/pages/landing-page/landing-page.module.ts b/src/components/nav/test/child-navs/pages/landing-page/landing-page.module.ts
index c2911e1d2c..88ae6c280d 100644
--- a/src/components/nav/test/child-navs/pages/landing-page/landing-page.module.ts
+++ b/src/components/nav/test/child-navs/pages/landing-page/landing-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { LandingPage } from './landing-page';
@@ -12,6 +12,7 @@ import { LandingPage } from './landing-page';
   ],
   entryComponents: [
     LandingPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class LandingPageModule {}
diff --git a/src/components/nav/test/child-navs/pages/second-page/second-page.module.ts b/src/components/nav/test/child-navs/pages/second-page/second-page.module.ts
index 32f5c3a5a1..243c5fe8b0 100644
--- a/src/components/nav/test/child-navs/pages/second-page/second-page.module.ts
+++ b/src/components/nav/test/child-navs/pages/second-page/second-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { SecondPage } from './second-page';
@@ -12,6 +12,7 @@ import { SecondPage } from './second-page';
   ],
   entryComponents: [
     SecondPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SecondPageModule {}
diff --git a/src/components/nav/test/child-navs/pages/third-page/third-page.module.ts b/src/components/nav/test/child-navs/pages/third-page/third-page.module.ts
index 1bdf02bc59..6e6dc26e23 100644
--- a/src/components/nav/test/child-navs/pages/third-page/third-page.module.ts
+++ b/src/components/nav/test/child-navs/pages/third-page/third-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ThirdPage } from './third-page';
@@ -12,6 +12,7 @@ import { ThirdPage } from './third-page';
   ],
   entryComponents: [
     ThirdPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ThirdPageModule {}
diff --git a/src/components/nav/test/init-async/app.module.ts b/src/components/nav/test/init-async/app.module.ts
index a6cd582668..2ed4ae5f54 100644
--- a/src/components/nav/test/init-async/app.module.ts
+++ b/src/components/nav/test/init-async/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -40,6 +40,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     AsyncPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/nav/test/insert-views/app.module.ts b/src/components/nav/test/insert-views/app.module.ts
index 2b8397ba7e..7f95fa92ce 100644
--- a/src/components/nav/test/insert-views/app.module.ts
+++ b/src/components/nav/test/insert-views/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, NavController, NavParams } from '../../../..';
 
@@ -122,6 +122,7 @@ export class AppComponent {
     FirstPage,
     SecondPage,
     InsertPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/nav/test/memory/app.module.ts b/src/components/nav/test/memory/app.module.ts
index ef021f74c1..d5efd85be9 100644
--- a/src/components/nav/test/memory/app.module.ts
+++ b/src/components/nav/test/memory/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, NavController } from '../../../..';
 
@@ -97,6 +97,7 @@ export class AppComponent {
     AppComponent,
     Page1,
     Page2
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/nav/test/nav-push-pop/app.module.ts b/src/components/nav/test/nav-push-pop/app.module.ts
index 39408ac06b..9d3c5629d6 100644
--- a/src/components/nav/test/nav-push-pop/app.module.ts
+++ b/src/components/nav/test/nav-push-pop/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, NavParams } from '../../../..';
 
@@ -60,7 +60,8 @@ export class AppComponent {
     AppComponent,
     E2EPage,
     SecondPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/nav/test/worst-case/app.module.ts b/src/components/nav/test/worst-case/app.module.ts
index 0f8626ccff..91372c029c 100644
--- a/src/components/nav/test/worst-case/app.module.ts
+++ b/src/components/nav/test/worst-case/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, NavController, NavParams } from '../../../..';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -342,7 +342,8 @@ export class AppComponent {
     Page7,
     Page8,
     Results
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/picker/test/basic/app/app.module.ts b/src/components/picker/test/basic/app/app.module.ts
index 7a61483171..0d9888227b 100644
--- a/src/components/picker/test/basic/app/app.module.ts
+++ b/src/components/picker/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     PageOneModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/picker/test/basic/pages/page-one/page-one.module.ts b/src/components/picker/test/basic/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/picker/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/picker/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/popover/test/basic/app/app.module.ts b/src/components/popover/test/basic/app/app.module.ts
index db30a4b820..f69e17776f 100644
--- a/src/components/popover/test/basic/app/app.module.ts
+++ b/src/components/popover/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/popover/test/basic/pages/page-one/page-one.module.ts b/src/components/popover/test/basic/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/popover/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/popover/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/popover/test/basic/pages/popover-list-page/popover-list-page.module.ts b/src/components/popover/test/basic/pages/popover-list-page/popover-list-page.module.ts
index 4bd392ae82..ee26c01b57 100644
--- a/src/components/popover/test/basic/pages/popover-list-page/popover-list-page.module.ts
+++ b/src/components/popover/test/basic/pages/popover-list-page/popover-list-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PopoverListPage } from './popover-list-page';
@@ -12,6 +12,7 @@ import { PopoverListPage } from './popover-list-page';
   ],
   entryComponents: [
     PopoverListPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PopoverListPageModule {}
diff --git a/src/components/popover/test/basic/pages/popover-long-list-page/popover-long-list-page.module.ts b/src/components/popover/test/basic/pages/popover-long-list-page/popover-long-list-page.module.ts
index c7d4b418ac..75b1f877a0 100644
--- a/src/components/popover/test/basic/pages/popover-long-list-page/popover-long-list-page.module.ts
+++ b/src/components/popover/test/basic/pages/popover-long-list-page/popover-long-list-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PopoverLongListPage } from './popover-long-list-page';
@@ -12,6 +12,7 @@ import { PopoverLongListPage } from './popover-long-list-page';
   ],
   entryComponents: [
     PopoverLongListPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PopoverLongListPageModule {}
diff --git a/src/components/popover/test/basic/pages/popover-radio-page/popover-radio-page.module.ts b/src/components/popover/test/basic/pages/popover-radio-page/popover-radio-page.module.ts
index 72842527ef..0534e0146a 100644
--- a/src/components/popover/test/basic/pages/popover-radio-page/popover-radio-page.module.ts
+++ b/src/components/popover/test/basic/pages/popover-radio-page/popover-radio-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PopoverRadioPage } from './popover-radio-page';
@@ -12,6 +12,7 @@ import { PopoverRadioPage } from './popover-radio-page';
   ],
   entryComponents: [
     PopoverRadioPage,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PopoverRadioPageModule {}
diff --git a/src/components/radio/test/basic/app/app.module.ts b/src/components/radio/test/basic/app/app.module.ts
index db30a4b820..f69e17776f 100644
--- a/src/components/radio/test/basic/app/app.module.ts
+++ b/src/components/radio/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/radio/test/basic/pages/page-one/page-one.module.ts b/src/components/radio/test/basic/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/radio/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/radio/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/range/test/basic/app/app.module.ts b/src/components/range/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/range/test/basic/app/app.module.ts
+++ b/src/components/range/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/range/test/basic/pages/root-page/root-page.module.ts b/src/components/range/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/range/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/range/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/refresher/test/basic/app.module.ts b/src/components/refresher/test/basic/app.module.ts
index caa5d0189f..a4fc243772 100644
--- a/src/components/refresher/test/basic/app.module.ts
+++ b/src/components/refresher/test/basic/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, Refresher } from '../../../..';
 
@@ -107,6 +107,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     Page1
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/refresher/test/navigation/app.module.ts b/src/components/refresher/test/navigation/app.module.ts
index bde5f1c19c..7b9673a413 100644
--- a/src/components/refresher/test/navigation/app.module.ts
+++ b/src/components/refresher/test/navigation/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicApp, IonicModule, Refresher, NavController } from '../../../..';
 
 
@@ -117,6 +117,7 @@ export class AppComponent {
     AppComponent,
     Page1,
     Page2
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/scroll/test/basic/app.module.ts b/src/components/scroll/test/basic/app.module.ts
new file mode 100644
index 0000000000..50cdc1b7b8
--- /dev/null
+++ b/src/components/scroll/test/basic/app.module.ts
@@ -0,0 +1,29 @@
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { IonicApp, IonicModule } from '../../../..';
+
+
+@Component({
+  templateUrl: 'main.html'
+})
+export class AppComponent {
+  doRefresh() {
+    console.log('DOREFRESH');
+  }
+}
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    IonicModule.forRoot(AppComponent)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    AppComponent
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class AppModule {}
diff --git a/src/components/searchbar/test/basic/app/app.module.ts b/src/components/searchbar/test/basic/app/app.module.ts
index 2d98a47fb0..51dc787e56 100644
--- a/src/components/searchbar/test/basic/app/app.module.ts
+++ b/src/components/searchbar/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,5 +16,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/searchbar/test/basic/pages/root-page/root-page.module.ts b/src/components/searchbar/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/searchbar/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/searchbar/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/searchbar/test/nav/app/app.module.ts b/src/components/searchbar/test/nav/app/app.module.ts
index dbed50ee82..e496b60df9 100644
--- a/src/components/searchbar/test/nav/app/app.module.ts
+++ b/src/components/searchbar/test/nav/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { TabsPageModule } from '../pages/tabs-page/tabs-page.module';
     IonicModule.forRoot(AppComponent, {}),
     TabsPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/searchbar/test/nav/pages/detail-page/detail-page.module.ts b/src/components/searchbar/test/nav/pages/detail-page/detail-page.module.ts
index f67218864b..38d3ef9559 100644
--- a/src/components/searchbar/test/nav/pages/detail-page/detail-page.module.ts
+++ b/src/components/searchbar/test/nav/pages/detail-page/detail-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { DetailPage } from './detail-page';
@@ -9,6 +9,7 @@ import { DetailPage } from './detail-page';
   ],
   imports: [
     IonicPageModule.forChild(DetailPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class DetailPageModule {}
diff --git a/src/components/searchbar/test/nav/pages/main-page/main-page.module.ts b/src/components/searchbar/test/nav/pages/main-page/main-page.module.ts
index 4d67b49def..0cda25bd68 100644
--- a/src/components/searchbar/test/nav/pages/main-page/main-page.module.ts
+++ b/src/components/searchbar/test/nav/pages/main-page/main-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { MainPage } from './main-page';
@@ -9,6 +9,7 @@ import { MainPage } from './main-page';
   ],
   imports: [
     IonicPageModule.forChild(MainPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class MainPageModule {}
diff --git a/src/components/searchbar/test/nav/pages/modal-page/modal-page.module.ts b/src/components/searchbar/test/nav/pages/modal-page/modal-page.module.ts
index 11e4b7dac5..2c06bafc99 100644
--- a/src/components/searchbar/test/nav/pages/modal-page/modal-page.module.ts
+++ b/src/components/searchbar/test/nav/pages/modal-page/modal-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalPage } from './modal-page';
@@ -9,6 +9,7 @@ import { ModalPage } from './modal-page';
   ],
   imports: [
     IonicPageModule.forChild(ModalPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalPageModule {}
diff --git a/src/components/searchbar/test/nav/pages/search-page/search-page.module.ts b/src/components/searchbar/test/nav/pages/search-page/search-page.module.ts
index 04c79a893a..3b2efd4fe8 100644
--- a/src/components/searchbar/test/nav/pages/search-page/search-page.module.ts
+++ b/src/components/searchbar/test/nav/pages/search-page/search-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { SearchPage } from './search-page';
@@ -9,6 +9,7 @@ import { SearchPage } from './search-page';
   ],
   imports: [
     IonicPageModule.forChild(SearchPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SearchPageModule {}
diff --git a/src/components/searchbar/test/nav/pages/tabs-page/tabs-page.module.ts b/src/components/searchbar/test/nav/pages/tabs-page/tabs-page.module.ts
index ae1f2db0a0..c2651aaed0 100644
--- a/src/components/searchbar/test/nav/pages/tabs-page/tabs-page.module.ts
+++ b/src/components/searchbar/test/nav/pages/tabs-page/tabs-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabsPage } from './tabs-page';
@@ -11,6 +11,7 @@ import { SearchPageModule } from '../search-page/search-page.module';
   imports: [
     IonicPageModule.forChild(TabsPage),
     SearchPageModule
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule {}
diff --git a/src/components/searchbar/test/toolbar/app/app.module.ts b/src/components/searchbar/test/toolbar/app/app.module.ts
index 31d7c2e6d7..c638e147ee 100644
--- a/src/components/searchbar/test/toolbar/app/app.module.ts
+++ b/src/components/searchbar/test/toolbar/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,5 +16,6 @@ import { HomePageModule } from '../pages/home-page/home-page.module';
     HomePageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/searchbar/test/toolbar/pages/home-page/home-page.module.ts b/src/components/searchbar/test/toolbar/pages/home-page/home-page.module.ts
index c1220706f1..b4d6b104a0 100644
--- a/src/components/searchbar/test/toolbar/pages/home-page/home-page.module.ts
+++ b/src/components/searchbar/test/toolbar/pages/home-page/home-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { HomePage } from './home-page';
@@ -9,6 +9,7 @@ import { HomePage } from './home-page';
   ],
   imports: [
     IonicPageModule.forChild(HomePage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class HomePageModule {}
diff --git a/src/components/segment/test/basic/app/app.module.ts b/src/components/segment/test/basic/app/app.module.ts
index ea3c3247a3..470585e08a 100644
--- a/src/components/segment/test/basic/app/app.module.ts
+++ b/src/components/segment/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { HomePageModule } from '../pages/home-page/home-page.module';
     HomePageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/segment/test/basic/pages/home-page/home-page.module.ts b/src/components/segment/test/basic/pages/home-page/home-page.module.ts
index c1220706f1..b4d6b104a0 100644
--- a/src/components/segment/test/basic/pages/home-page/home-page.module.ts
+++ b/src/components/segment/test/basic/pages/home-page/home-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { HomePage } from './home-page';
@@ -9,6 +9,7 @@ import { HomePage } from './home-page';
   ],
   imports: [
     IonicPageModule.forChild(HomePage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class HomePageModule {}
diff --git a/src/components/segment/test/nav/app/app.module.ts b/src/components/segment/test/nav/app/app.module.ts
index 91596c468c..cd748ab043 100644
--- a/src/components/segment/test/nav/app/app.module.ts
+++ b/src/components/segment/test/nav/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { FirstPageModule } from '../pages/first-page/first-page.module';
     IonicModule.forRoot(AppComponent, {}),
     FirstPageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/segment/test/nav/pages/first-page/first-page.module.ts b/src/components/segment/test/nav/pages/first-page/first-page.module.ts
index c088e9f2d4..5595c3eddb 100644
--- a/src/components/segment/test/nav/pages/first-page/first-page.module.ts
+++ b/src/components/segment/test/nav/pages/first-page/first-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { FirstPage } from './first-page';
 
@@ -8,6 +8,7 @@ import { FirstPage } from './first-page';
   ],
   declarations: [
     FirstPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class FirstPageModule { }
diff --git a/src/components/segment/test/nav/pages/second-page/second-page.module.ts b/src/components/segment/test/nav/pages/second-page/second-page.module.ts
index fb5a8e12ec..51aa0688aa 100644
--- a/src/components/segment/test/nav/pages/second-page/second-page.module.ts
+++ b/src/components/segment/test/nav/pages/second-page/second-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { SecondPage } from './second-page';
 @NgModule({
@@ -10,6 +10,7 @@ import { SecondPage } from './second-page';
   ],
   entryComponents: [
     SecondPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SecondPageModule { }
diff --git a/src/components/segment/test/swipe/app/app.component.ts b/src/components/segment/test/swipe/app/app.component.ts
deleted file mode 100644
index 8288e69b09..0000000000
--- a/src/components/segment/test/swipe/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-import {E2EPage} from '../pages/e2e-page/e2e-page';
-@Component({
-  template: `<ion-nav [root]="root"></ion-nav>`
-})
-export class AppComponent {
-  root = E2EPage;
-}
diff --git a/src/components/segment/test/swipe/app/app.module.ts b/src/components/segment/test/swipe/app/app.module.ts
deleted file mode 100644
index 93848bbc29..0000000000
--- a/src/components/segment/test/swipe/app/app.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import {  NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { IonicApp, IonicModule } from '../../../../..';
-
-import {AppComponent} from './app.component';
-import {E2EPage} from '../pages/e2e-page/e2e-page';
-@NgModule({
-  declarations: [
-    AppComponent,
-    E2EPage
-  ],
-  imports: [
-    BrowserModule,
-    IonicModule.forRoot(AppComponent)
-  ],
-  bootstrap: [IonicApp],
-  entryComponents: [
-    AppComponent,
-    E2EPage
-  ]
-})
-export class AppModule {}
diff --git a/src/components/segment/test/swipe/app/main.ts b/src/components/segment/test/swipe/app/main.ts
deleted file mode 100644
index 6af7a5b2ae..0000000000
--- a/src/components/segment/test/swipe/app/main.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app.module';
-
-platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/src/components/segment/test/swipe/pages/e2e-page/main.html b/src/components/segment/test/swipe/pages/e2e-page/main.html
deleted file mode 100644
index f6ef86c23e..0000000000
--- a/src/components/segment/test/swipe/pages/e2e-page/main.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<ion-header>
-
-  <ion-navbar>
-    <ion-title>
-      Segment Swipeable under Navbar
-    </ion-title>
-  </ion-navbar>
-
-  <ion-toolbar>
-    <ion-segment [(ngModel)]="selectedSegment" (ionChange)="onSegmentChanged($event)">
-      <ion-segment-button value="first">
-        First
-      </ion-segment-button>
-      <ion-segment-button value="second">
-        Second
-      </ion-segment-button>
-      <ion-segment-button value="third">
-        Third
-      </ion-segment-button>
-    </ion-segment>
-  </ion-toolbar>
-
-</ion-header>
-
-
-<ion-content padding>
-
-  <ion-slides (ionSlideDidChange)="onSlideChanged($event)" #loopSlider>
-    <ion-slide *ngFor="let slide of slides">
-      <h1>{{ slide.title }}</h1>
-    </ion-slide>
-  </ion-slides>
-
-</ion-content>
-
-
-<style>
-  ion-scroll {
-    width: 100%;
-    height: 100%;
-  }
-</style>
diff --git a/src/components/select/test/multiple-value/app/app.module.ts b/src/components/select/test/multiple-value/app/app.module.ts
index 79a2b762c9..a7d2c794c5 100644
--- a/src/components/select/test/multiple-value/app/app.module.ts
+++ b/src/components/select/test/multiple-value/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { PageOneModule} from '../pages/page-one/page-one.module';
     PageOneModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/select/test/multiple-value/pages/page-one/page-one.module.ts b/src/components/select/test/multiple-value/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/select/test/multiple-value/pages/page-one/page-one.module.ts
+++ b/src/components/select/test/multiple-value/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/select/test/single-value/app/app.module.ts b/src/components/select/test/single-value/app/app.module.ts
index 7246a34df5..a139d523dc 100644
--- a/src/components/select/test/single-value/app/app.module.ts
+++ b/src/components/select/test/single-value/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/select/test/single-value/pages/page-one/page-one.module.ts b/src/components/select/test/single-value/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/select/test/single-value/pages/page-one/page-one.module.ts
+++ b/src/components/select/test/single-value/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/show-hide-when/test/basic/app.module.ts b/src/components/show-hide-when/test/basic/app.module.ts
index 494117b8da..77471f6c1a 100644
--- a/src/components/show-hide-when/test/basic/app.module.ts
+++ b/src/components/show-hide-when/test/basic/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -31,6 +31,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/slides/test/controller/app.module.ts b/src/components/slides/test/controller/app.module.ts
index 0a961f5678..bef9c744b1 100644
--- a/src/components/slides/test/controller/app.module.ts
+++ b/src/components/slides/test/controller/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -63,6 +63,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     MyPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/slides/test/images/app.module.ts b/src/components/slides/test/images/app.module.ts
index 193408e09c..a767c19f6b 100644
--- a/src/components/slides/test/images/app.module.ts
+++ b/src/components/slides/test/images/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { Http } from '@angular/http';
 
@@ -60,6 +60,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/slides/test/intro/app.module.ts b/src/components/slides/test/intro/app.module.ts
index db64e64bd7..06f8d130da 100644
--- a/src/components/slides/test/intro/app.module.ts
+++ b/src/components/slides/test/intro/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, NavController } from '../../../..';
 
@@ -79,6 +79,7 @@ export class AppComponent {
     AppComponent,
     IntroPage,
     MainPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/slides/test/intro/main.html b/src/components/slides/test/intro/main.html
index 3b1e659056..707971027b 100644
--- a/src/components/slides/test/intro/main.html
+++ b/src/components/slides/test/intro/main.html
@@ -62,7 +62,7 @@
 }
 
 #logo {
-  margin: 30px 0;
+  margin: 30px 0px;
 }
 
 #list {
@@ -77,7 +77,7 @@
   text-align: left;
   text-align: start;
   list-style: decimal;
-  margin: 10px 0;
+  margin: 10px 0px;
 }
 
 .button.ng-hide{
diff --git a/src/components/slides/test/loop/app.module.ts b/src/components/slides/test/loop/app.module.ts
index aee26da7e5..28165f3b20 100644
--- a/src/components/slides/test/loop/app.module.ts
+++ b/src/components/slides/test/loop/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -65,6 +65,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/spinner/test/basic/app.module.ts b/src/components/spinner/test/basic/app.module.ts
index 9e4641fb0b..984716223c 100644
--- a/src/components/spinner/test/basic/app.module.ts
+++ b/src/components/spinner/test/basic/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -35,6 +35,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/spinner/test/colors/app.module.ts b/src/components/spinner/test/colors/app.module.ts
index 9e4641fb0b..984716223c 100644
--- a/src/components/spinner/test/colors/app.module.ts
+++ b/src/components/spinner/test/colors/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -35,6 +35,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/split-pane/test/basic/app/app.module.ts b/src/components/split-pane/test/basic/app/app.module.ts
index c016e7ddf4..ab3b52ccc2 100644
--- a/src/components/split-pane/test/basic/app/app.module.ts
+++ b/src/components/split-pane/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -18,7 +18,8 @@ import { SidePageModule } from '../pages/side-page/side-page.module';
     PageOneModule,
     SidePageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/split-pane/test/basic/pages/page-one/page-one.module.ts b/src/components/split-pane/test/basic/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/split-pane/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/split-pane/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/split-pane/test/basic/pages/page-two/page-two.module.ts b/src/components/split-pane/test/basic/pages/page-two/page-two.module.ts
index 8774af30fd..05154fddb4 100644
--- a/src/components/split-pane/test/basic/pages/page-two/page-two.module.ts
+++ b/src/components/split-pane/test/basic/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/split-pane/test/basic/pages/side-page/side-page.module.ts b/src/components/split-pane/test/basic/pages/side-page/side-page.module.ts
index eed65e5edb..d7e1b0062a 100644
--- a/src/components/split-pane/test/basic/pages/side-page/side-page.module.ts
+++ b/src/components/split-pane/test/basic/pages/side-page/side-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { SidePage } from './side-page';
@@ -9,6 +9,7 @@ import { SidePage } from './side-page';
   ],
   imports: [
     IonicPageModule.forChild(SidePage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SidePageModule {}
diff --git a/src/components/split-pane/test/menus/app/app.module.ts b/src/components/split-pane/test/menus/app/app.module.ts
index 14874bfede..b531b6cf50 100644
--- a/src/components/split-pane/test/menus/app/app.module.ts
+++ b/src/components/split-pane/test/menus/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -16,7 +16,8 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     }),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/split-pane/test/menus/pages/page-one/page-one.module.ts b/src/components/split-pane/test/menus/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/split-pane/test/menus/pages/page-one/page-one.module.ts
+++ b/src/components/split-pane/test/menus/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/split-pane/test/menus/pages/page-two/page-two.module.ts b/src/components/split-pane/test/menus/pages/page-two/page-two.module.ts
index 8774af30fd..05154fddb4 100644
--- a/src/components/split-pane/test/menus/pages/page-two/page-two.module.ts
+++ b/src/components/split-pane/test/menus/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/split-pane/test/nested/app/app.module.ts b/src/components/split-pane/test/nested/app/app.module.ts
index c016e7ddf4..ab3b52ccc2 100644
--- a/src/components/split-pane/test/nested/app/app.module.ts
+++ b/src/components/split-pane/test/nested/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -18,7 +18,8 @@ import { SidePageModule } from '../pages/side-page/side-page.module';
     PageOneModule,
     SidePageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/split-pane/test/nested/pages/page-four/page-four.module.ts b/src/components/split-pane/test/nested/pages/page-four/page-four.module.ts
index c2c73b3bd8..4ccb833825 100644
--- a/src/components/split-pane/test/nested/pages/page-four/page-four.module.ts
+++ b/src/components/split-pane/test/nested/pages/page-four/page-four.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageFour } from './page-four';
@@ -9,6 +9,7 @@ import { PageFour } from './page-four';
   ],
   imports: [
     IonicPageModule.forChild(PageFour)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageFourModule {}
diff --git a/src/components/split-pane/test/nested/pages/page-one/page-one.module.ts b/src/components/split-pane/test/nested/pages/page-one/page-one.module.ts
index 1e8a338655..a8c5ddeb01 100644
--- a/src/components/split-pane/test/nested/pages/page-one/page-one.module.ts
+++ b/src/components/split-pane/test/nested/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -16,6 +16,7 @@ import { PageFourModule } from '../page-four/page-four.module';
     PageTwoModule,
     PageThreeModule,
     PageFourModule
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/split-pane/test/nested/pages/page-three/page-three.module.ts b/src/components/split-pane/test/nested/pages/page-three/page-three.module.ts
index b3c5a8088e..162bb68d1a 100644
--- a/src/components/split-pane/test/nested/pages/page-three/page-three.module.ts
+++ b/src/components/split-pane/test/nested/pages/page-three/page-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageThree } from './page-three';
@@ -9,6 +9,7 @@ import { PageThree } from './page-three';
   ],
   imports: [
     IonicPageModule.forChild(PageThree)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageThreeModule {}
diff --git a/src/components/split-pane/test/nested/pages/page-two/page-two.module.ts b/src/components/split-pane/test/nested/pages/page-two/page-two.module.ts
index 8774af30fd..05154fddb4 100644
--- a/src/components/split-pane/test/nested/pages/page-two/page-two.module.ts
+++ b/src/components/split-pane/test/nested/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/split-pane/test/nested/pages/side-page/side-page.module.ts b/src/components/split-pane/test/nested/pages/side-page/side-page.module.ts
index eed65e5edb..d7e1b0062a 100644
--- a/src/components/split-pane/test/nested/pages/side-page/side-page.module.ts
+++ b/src/components/split-pane/test/nested/pages/side-page/side-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { SidePage } from './side-page';
@@ -9,6 +9,7 @@ import { SidePage } from './side-page';
   ],
   imports: [
     IonicPageModule.forChild(SidePage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SidePageModule {}
diff --git a/src/components/split-pane/test/tabs/app/app.module.ts b/src/components/split-pane/test/tabs/app/app.module.ts
index c016e7ddf4..ab3b52ccc2 100644
--- a/src/components/split-pane/test/tabs/app/app.module.ts
+++ b/src/components/split-pane/test/tabs/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -18,7 +18,8 @@ import { SidePageModule } from '../pages/side-page/side-page.module';
     PageOneModule,
     SidePageModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/split-pane/test/tabs/pages/page-one/page-one.module.ts b/src/components/split-pane/test/tabs/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/split-pane/test/tabs/pages/page-one/page-one.module.ts
+++ b/src/components/split-pane/test/tabs/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/split-pane/test/tabs/pages/side-page/side-page.module.ts b/src/components/split-pane/test/tabs/pages/side-page/side-page.module.ts
index eed65e5edb..d7e1b0062a 100644
--- a/src/components/split-pane/test/tabs/pages/side-page/side-page.module.ts
+++ b/src/components/split-pane/test/tabs/pages/side-page/side-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { SidePage } from './side-page';
@@ -9,6 +9,7 @@ import { SidePage } from './side-page';
   ],
   imports: [
     IonicPageModule.forChild(SidePage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SidePageModule {}
diff --git a/src/components/tabs/test/advanced/app/app.module.ts b/src/components/tabs/test/advanced/app/app.module.ts
index 98063b15f3..e93974d32f 100644
--- a/src/components/tabs/test/advanced/app/app.module.ts
+++ b/src/components/tabs/test/advanced/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { SignInPageModule } from '../pages/signin-page/sign-in-page.module';
     SignInPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/tabs/test/advanced/pages/modal-chat-page/modal-chat-page.module.ts b/src/components/tabs/test/advanced/pages/modal-chat-page/modal-chat-page.module.ts
index 953b7666a0..4a4bf0cefa 100644
--- a/src/components/tabs/test/advanced/pages/modal-chat-page/modal-chat-page.module.ts
+++ b/src/components/tabs/test/advanced/pages/modal-chat-page/modal-chat-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalChatPage } from './modal-chat-page';
@@ -9,6 +9,7 @@ import { ModalChatPage } from './modal-chat-page';
   ],
   imports: [
     IonicPageModule.forChild(ModalChatPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalChatPageModule {}
diff --git a/src/components/tabs/test/advanced/pages/signin-page/sign-in-page.module.ts b/src/components/tabs/test/advanced/pages/signin-page/sign-in-page.module.ts
index 7bb459dc98..f51de438ae 100644
--- a/src/components/tabs/test/advanced/pages/signin-page/sign-in-page.module.ts
+++ b/src/components/tabs/test/advanced/pages/signin-page/sign-in-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { SignInPage } from './sign-in-page';
@@ -9,6 +9,7 @@ import { SignInPage } from './sign-in-page';
   ],
   imports: [
     IonicPageModule.forChild(SignInPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class SignInPageModule {}
diff --git a/src/components/tabs/test/advanced/pages/tab1-page1/tab1-page1.module.ts b/src/components/tabs/test/advanced/pages/tab1-page1/tab1-page1.module.ts
index 610eaf45e2..11ebc5b129 100644
--- a/src/components/tabs/test/advanced/pages/tab1-page1/tab1-page1.module.ts
+++ b/src/components/tabs/test/advanced/pages/tab1-page1/tab1-page1.module.ts
@@ -1,5 +1,5 @@
 
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab1Page1 } from './tab1-page1';
 
@@ -13,6 +13,7 @@ import { Tab1Page1 } from './tab1-page1';
   ],
   entryComponents: [
     Tab1Page1,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab1Page1Module { }
diff --git a/src/components/tabs/test/advanced/pages/tab1-page2/tab1-page2.module.ts b/src/components/tabs/test/advanced/pages/tab1-page2/tab1-page2.module.ts
index ab0024f972..49489266c6 100644
--- a/src/components/tabs/test/advanced/pages/tab1-page2/tab1-page2.module.ts
+++ b/src/components/tabs/test/advanced/pages/tab1-page2/tab1-page2.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab1Page2 } from './tab1-page2';
 
@@ -9,6 +9,7 @@ import { Tab1Page2 } from './tab1-page2';
   ],
   declarations: [
     Tab1Page2
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab1Page2Module { }
diff --git a/src/components/tabs/test/advanced/pages/tab1-page3/tab1-page3.module.ts b/src/components/tabs/test/advanced/pages/tab1-page3/tab1-page3.module.ts
index b5869b42e8..fdefb92001 100644
--- a/src/components/tabs/test/advanced/pages/tab1-page3/tab1-page3.module.ts
+++ b/src/components/tabs/test/advanced/pages/tab1-page3/tab1-page3.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab1Page3 } from './tab1-page3';
 
@@ -9,6 +9,7 @@ import { Tab1Page3 } from './tab1-page3';
   ],
   declarations: [
     Tab1Page3
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab1Page3Module { }
diff --git a/src/components/tabs/test/advanced/pages/tab2-page1/tab2-page1.module.ts b/src/components/tabs/test/advanced/pages/tab2-page1/tab2-page1.module.ts
index 237aab6fc9..c15c6bd6b7 100644
--- a/src/components/tabs/test/advanced/pages/tab2-page1/tab2-page1.module.ts
+++ b/src/components/tabs/test/advanced/pages/tab2-page1/tab2-page1.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab2Page1 } from './tab2-page1';
 
@@ -9,6 +9,7 @@ import { Tab2Page1 } from './tab2-page1';
   ],
   declarations: [
     Tab2Page1
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab2Page1Module { }
diff --git a/src/components/tabs/test/advanced/pages/tab2-page2/tab2-page2.module.ts b/src/components/tabs/test/advanced/pages/tab2-page2/tab2-page2.module.ts
index 852a2b3e73..7b2c93f89b 100644
--- a/src/components/tabs/test/advanced/pages/tab2-page2/tab2-page2.module.ts
+++ b/src/components/tabs/test/advanced/pages/tab2-page2/tab2-page2.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab2Page2 } from './tab2-page2';
 
@@ -9,6 +9,7 @@ import { Tab2Page2 } from './tab2-page2';
   ],
   declarations: [
     Tab2Page2
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab2Page2Module { }
diff --git a/src/components/tabs/test/advanced/pages/tab2-page3/tab2-page3.module.ts b/src/components/tabs/test/advanced/pages/tab2-page3/tab2-page3.module.ts
index a850da25fb..d410b0d984 100644
--- a/src/components/tabs/test/advanced/pages/tab2-page3/tab2-page3.module.ts
+++ b/src/components/tabs/test/advanced/pages/tab2-page3/tab2-page3.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab2Page3 } from './tab2-page3';
 
@@ -9,6 +9,7 @@ import { Tab2Page3 } from './tab2-page3';
   ],
   declarations: [
     Tab2Page3
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab2Page3Module { }
diff --git a/src/components/tabs/test/advanced/pages/tab3-page1/tab3-page1.module.ts b/src/components/tabs/test/advanced/pages/tab3-page1/tab3-page1.module.ts
index fbcc9e5451..97048d7085 100644
--- a/src/components/tabs/test/advanced/pages/tab3-page1/tab3-page1.module.ts
+++ b/src/components/tabs/test/advanced/pages/tab3-page1/tab3-page1.module.ts
@@ -1,5 +1,5 @@
 
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { Tab3Page1 } from './tab3-page1';
 
@@ -10,6 +10,7 @@ import { Tab3Page1 } from './tab3-page1';
   ],
   declarations: [
     Tab3Page1
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class Tab3Page1Module { }
diff --git a/src/components/tabs/test/advanced/pages/tabs-page/tabs.module.ts b/src/components/tabs/test/advanced/pages/tabs-page/tabs.module.ts
index 6a98fb8a6b..9fe2780baa 100644
--- a/src/components/tabs/test/advanced/pages/tabs-page/tabs.module.ts
+++ b/src/components/tabs/test/advanced/pages/tabs-page/tabs.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 import { TabsPage } from './tabs';
 
@@ -9,6 +9,7 @@ import { TabsPage } from './tabs';
   ],
   declarations: [
     TabsPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule { }
diff --git a/src/components/tabs/test/badges/app/app.module.ts b/src/components/tabs/test/badges/app/app.module.ts
index db30a4b820..f69e17776f 100644
--- a/src/components/tabs/test/badges/app/app.module.ts
+++ b/src/components/tabs/test/badges/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/tabs/test/badges/pages/page-one/page-one.module.ts b/src/components/tabs/test/badges/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/tabs/test/badges/pages/page-one/page-one.module.ts
+++ b/src/components/tabs/test/badges/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/tabs/test/basic/app/app.module.ts b/src/components/tabs/test/basic/app/app.module.ts
index 2eb2467409..2b3ff55169 100644
--- a/src/components/tabs/test/basic/app/app.module.ts
+++ b/src/components/tabs/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -17,5 +17,6 @@ import { TabsPageModule } from '../pages/tabs-page/tabs-page.module';
     TabsPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/tabs/test/basic/components/modal/modal.module.ts b/src/components/tabs/test/basic/components/modal/modal.module.ts
index d864db8c05..8f227cd1e6 100644
--- a/src/components/tabs/test/basic/components/modal/modal.module.ts
+++ b/src/components/tabs/test/basic/components/modal/modal.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { MyModal } from './modal';
@@ -12,6 +12,7 @@ import { MyModal } from './modal';
   ],
   entryComponents: [
     MyModal,
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class MyModalModule {}
diff --git a/src/components/tabs/test/basic/pages/modal-page/modal-page.module.ts b/src/components/tabs/test/basic/pages/modal-page/modal-page.module.ts
index 11e4b7dac5..2c06bafc99 100644
--- a/src/components/tabs/test/basic/pages/modal-page/modal-page.module.ts
+++ b/src/components/tabs/test/basic/pages/modal-page/modal-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { ModalPage } from './modal-page';
@@ -9,6 +9,7 @@ import { ModalPage } from './modal-page';
   ],
   imports: [
     IonicPageModule.forChild(ModalPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class ModalPageModule {}
diff --git a/src/components/tabs/test/basic/pages/tab-one/tab-one.module.ts b/src/components/tabs/test/basic/pages/tab-one/tab-one.module.ts
index dbf2c0288f..a5bd78ea3b 100644
--- a/src/components/tabs/test/basic/pages/tab-one/tab-one.module.ts
+++ b/src/components/tabs/test/basic/pages/tab-one/tab-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabOne } from './tab-one';
@@ -9,6 +9,7 @@ import { TabOne } from './tab-one';
   ],
   imports: [
     IonicPageModule.forChild(TabOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabOneModule {}
diff --git a/src/components/tabs/test/basic/pages/tab-three/tab-three.module.ts b/src/components/tabs/test/basic/pages/tab-three/tab-three.module.ts
index 71c6454e4b..3e41923cc3 100644
--- a/src/components/tabs/test/basic/pages/tab-three/tab-three.module.ts
+++ b/src/components/tabs/test/basic/pages/tab-three/tab-three.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabThree } from './tab-three';
@@ -9,6 +9,7 @@ import { TabThree } from './tab-three';
   ],
   imports: [
     IonicPageModule.forChild(TabThree)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabThreeModule {}
diff --git a/src/components/tabs/test/basic/pages/tab-two/tab-two.module.ts b/src/components/tabs/test/basic/pages/tab-two/tab-two.module.ts
index f0fa9752d9..48fd5413f4 100644
--- a/src/components/tabs/test/basic/pages/tab-two/tab-two.module.ts
+++ b/src/components/tabs/test/basic/pages/tab-two/tab-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabTwo } from './tab-two';
@@ -9,6 +9,7 @@ import { TabTwo } from './tab-two';
   ],
   imports: [
     IonicPageModule.forChild(TabTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabTwoModule {}
diff --git a/src/components/tabs/test/basic/pages/tabs-page/tabs-page.module.ts b/src/components/tabs/test/basic/pages/tabs-page/tabs-page.module.ts
index 78f237aece..864817baa2 100644
--- a/src/components/tabs/test/basic/pages/tabs-page/tabs-page.module.ts
+++ b/src/components/tabs/test/basic/pages/tabs-page/tabs-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { TabsPage } from './tabs-page';
@@ -11,6 +11,7 @@ import { TabOneModule } from '../tab-one/tab-one.module';
   imports: [
     IonicPageModule.forChild(TabsPage),
     TabOneModule
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class TabsPageModule {}
diff --git a/src/components/tabs/test/colors/app/app.module.ts b/src/components/tabs/test/colors/app/app.module.ts
index db30a4b820..f69e17776f 100644
--- a/src/components/tabs/test/colors/app/app.module.ts
+++ b/src/components/tabs/test/colors/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/tabs/test/colors/pages/page-one/page-one.module.ts b/src/components/tabs/test/colors/pages/page-one/page-one.module.ts
index b9640b7046..e132ff2173 100644
--- a/src/components/tabs/test/colors/pages/page-one/page-one.module.ts
+++ b/src/components/tabs/test/colors/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/tabs/test/events/app.module.ts b/src/components/tabs/test/events/app.module.ts
index 3fdfe6106e..d92cf9f378 100644
--- a/src/components/tabs/test/events/app.module.ts
+++ b/src/components/tabs/test/events/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, Events } from '../../../..';
 
@@ -99,6 +99,7 @@ export class AppComponent {
     Tab1,
     Tab2,
     TabsPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule { }
diff --git a/src/components/tabs/test/ghost/app.module.ts b/src/components/tabs/test/ghost/app.module.ts
index 115009b845..5f24b56683 100644
--- a/src/components/tabs/test/ghost/app.module.ts
+++ b/src/components/tabs/test/ghost/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, QueryList, ViewChildren, NgModule } from '@angular/core';
+import { Component, QueryList, ViewChildren, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, Tab } from '../../../..';
 
@@ -142,6 +142,7 @@ export class TabsPage {
     Tab3,
     QuesaritoPage,
     TabsPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/tabs/test/lifecyles/app.module.ts b/src/components/tabs/test/lifecyles/app.module.ts
index 734498c4d3..d3a779988f 100644
--- a/src/components/tabs/test/lifecyles/app.module.ts
+++ b/src/components/tabs/test/lifecyles/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, NavController, AlertController } from '../../../..';
 
@@ -126,6 +126,7 @@ export class AppComponent {
     AppComponent,
     Tab1,
     TabsPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/tabs/test/tab-bar-scenarios/app/app.module.ts b/src/components/tabs/test/tab-bar-scenarios/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/tabs/test/tab-bar-scenarios/app/app.module.ts
+++ b/src/components/tabs/test/tab-bar-scenarios/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/tabs/test/tab-bar-scenarios/pages/root-page/root-page.module.ts b/src/components/tabs/test/tab-bar-scenarios/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/tabs/test/tab-bar-scenarios/pages/root-page/root-page.module.ts
+++ b/src/components/tabs/test/tab-bar-scenarios/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/tabs/test/top/app.module.ts b/src/components/tabs/test/top/app.module.ts
index f99f2cae3d..e3aa869e1e 100644
--- a/src/components/tabs/test/top/app.module.ts
+++ b/src/components/tabs/test/top/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -140,6 +140,7 @@ export class AppComponent {
     Tab2,
     Tab3,
     TabsPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/toast/test/basic/app/app.module.ts b/src/components/toast/test/basic/app/app.module.ts
index c2bb850b8f..0d9888227b 100644
--- a/src/components/toast/test/basic/app/app.module.ts
+++ b/src/components/toast/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -14,6 +14,7 @@ import { PageOneModule } from '../pages/page-one/page-one.module';
     IonicModule.forRoot(AppComponent, {}),
     PageOneModule
   ],
-  bootstrap: [IonicApp]
+  bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/toast/test/basic/pages/page-one/page-one.module.ts b/src/components/toast/test/basic/pages/page-one/page-one.module.ts
index 65a72f2b17..d07d0d7628 100644
--- a/src/components/toast/test/basic/pages/page-one/page-one.module.ts
+++ b/src/components/toast/test/basic/pages/page-one/page-one.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../../';
 
 import { PageOne } from './page-one';
@@ -9,6 +9,7 @@ import { PageOne } from './page-one';
   ],
   imports: [
     IonicPageModule.forChild(PageOne)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageOneModule {}
diff --git a/src/components/toast/test/basic/pages/page-two/page-two.module.ts b/src/components/toast/test/basic/pages/page-two/page-two.module.ts
index 5e881d1c41..21042bc362 100644
--- a/src/components/toast/test/basic/pages/page-two/page-two.module.ts
+++ b/src/components/toast/test/basic/pages/page-two/page-two.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../../';
 
 import { PageTwo } from './page-two';
@@ -9,6 +9,7 @@ import { PageTwo } from './page-two';
   ],
   imports: [
     IonicPageModule.forChild(PageTwo)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class PageTwoModule {}
diff --git a/src/components/toggle/test/basic/app/app.module.ts b/src/components/toggle/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/toggle/test/basic/app/app.module.ts
+++ b/src/components/toggle/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/toggle/test/basic/pages/root-page/root-page.html b/src/components/toggle/test/basic/pages/root-page/root-page.html
index 693319f7a0..ddaa8de0bd 100644
--- a/src/components/toggle/test/basic/pages/root-page/root-page.html
+++ b/src/components/toggle/test/basic/pages/root-page/root-page.html
@@ -15,12 +15,12 @@
 
       <ion-item>
         Left side default icon, really long text that should ellipsis ellipsis ellipsis
-        <ion-icon name="information-circle" item-start></ion-icon>
+        <ion-icon name="information-circle" item-left></ion-icon>
       </ion-item>
 
       <ion-item>
         <ion-label>Apple</ion-label>
-        <ion-toggle item-start></ion-toggle>
+        <ion-toggle slot="start"></ion-toggle>
       </ion-item>
 
       <ion-item>
diff --git a/src/components/toggle/test/basic/pages/root-page/root-page.module.ts b/src/components/toggle/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/toggle/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/toggle/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/toggle/toggle.ios.scss b/src/components/toggle/toggle.ios.scss
index 838ae48808..eaf6d7e150 100644
--- a/src/components/toggle/toggle.ios.scss
+++ b/src/components/toggle/toggle.ios.scss
@@ -203,7 +203,9 @@ $toggle-ios-item-right-padding:        6px ($item-ios-padding-right / 2) 5px ($i
 }
 
 .item-ios .toggle-ios[slot="start"] {
-  padding: $toggle-ios-item-left-padding;
+  @include deprecated-variable(padding, $toggle-ios-item-left-padding) {
+    @include padding($toggle-ios-item-start-padding-top, $toggle-ios-item-start-padding-end, $toggle-ios-item-start-padding-bottom, $toggle-ios-item-start-padding-start);
+  }
 }
 
 
diff --git a/src/components/toggle/toggle.scss b/src/components/toggle/toggle.scss
index 3b94397a15..4b1800d5c5 100644
--- a/src/components/toggle/toggle.scss
+++ b/src/components/toggle/toggle.scss
@@ -16,20 +16,24 @@ ion-toggle.upgraded {
 
 ion-toggle ion-gesture {
   display: block;
+
+  width: 100%;
+  height: 100%;
+
   visibility: inherit;
 }
 
 .toggle-cover {
+  @include position-horizontal(0, null);
+
   position: absolute;
   top: 0;
-  left: 0;
 
   width: 100%;
   height: 100%;
 
   border: 0;
-
-  background: transparent;
+  outline: none;
 
   font-family: inherit;
   font-style: inherit;
@@ -38,6 +42,6 @@ ion-toggle ion-gesture {
   line-height: 1;
   text-transform: none;
 
+  background: transparent;
   cursor: pointer;
-  outline: none;
 }
diff --git a/src/components/toggle/toggle.ts b/src/components/toggle/toggle.ts
index ced713d26d..91d3b1697d 100644
--- a/src/components/toggle/toggle.ts
+++ b/src/components/toggle/toggle.ts
@@ -105,13 +105,13 @@ export class Toggle implements BooleanInputComponent {
 
 
   render() {
-    return h(this,
-      h('ion-gesture', Ionic.theme(this, 'toggle', {
-        class: {
-          'toggle-activated': this.activated,
-          'toggle-checked': this.checked,
-          'toggle-disabled': this.disabled,
-        },
+    return h(this, Ionic.theme(this, 'toggle', {
+      class: {
+        'toggle-activated': this.activated,
+        'toggle-checked': this.checked,
+        'toggle-disabled': this.disabled,
+      },
+    }), h('ion-gesture', {
         props: {
           'canStart': this.canStart.bind(this),
           'onStart': this.onDragStart.bind(this),
@@ -125,7 +125,7 @@ export class Toggle implements BooleanInputComponent {
           'threshold': 20,
           'attachTo': 'parent'
         }
-      }),
+    },
         [
           h('div.toggle-icon',
             h('div.toggle-inner')
diff --git a/src/components/toolbar/test/basic/app/app.module.ts b/src/components/toolbar/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/toolbar/test/basic/app/app.module.ts
+++ b/src/components/toolbar/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/toolbar/test/basic/pages/root-page/root-page.module.ts b/src/components/toolbar/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/toolbar/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/toolbar/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/toolbar/test/colors/app/app.module.ts b/src/components/toolbar/test/colors/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/toolbar/test/colors/app/app.module.ts
+++ b/src/components/toolbar/test/colors/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/toolbar/test/colors/pages/root-page/root-page.module.ts b/src/components/toolbar/test/colors/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/toolbar/test/colors/pages/root-page/root-page.module.ts
+++ b/src/components/toolbar/test/colors/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/toolbar/test/scenarios/app/app.module.ts b/src/components/toolbar/test/scenarios/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/toolbar/test/scenarios/app/app.module.ts
+++ b/src/components/toolbar/test/scenarios/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/toolbar/test/scenarios/pages/root-page/root-page.module.ts b/src/components/toolbar/test/scenarios/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/toolbar/test/scenarios/pages/root-page/root-page.module.ts
+++ b/src/components/toolbar/test/scenarios/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/typography/test/basic/app/app.module.ts b/src/components/typography/test/basic/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/typography/test/basic/app/app.module.ts
+++ b/src/components/typography/test/basic/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/typography/test/basic/pages/root-page/root-page.module.ts b/src/components/typography/test/basic/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/typography/test/basic/pages/root-page/root-page.module.ts
+++ b/src/components/typography/test/basic/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/virtual-scroll/test/basic/app.module.ts b/src/components/virtual-scroll/test/basic/app.module.ts
index 9faa4cbee5..723538ac4a 100644
--- a/src/components/virtual-scroll/test/basic/app.module.ts
+++ b/src/components/virtual-scroll/test/basic/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, NavController, Platform } from '../../../..';
 
@@ -87,6 +87,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/virtual-scroll/test/cards/app.module.ts b/src/components/virtual-scroll/test/cards/app.module.ts
index ecff4814ef..7c6d8e6a4b 100644
--- a/src/components/virtual-scroll/test/cards/app.module.ts
+++ b/src/components/virtual-scroll/test/cards/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, ViewEncapsulation, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -49,7 +49,8 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/virtual-scroll/test/image-gallery/app.module.ts b/src/components/virtual-scroll/test/image-gallery/app.module.ts
index bc5ce02545..27a9427409 100644
--- a/src/components/virtual-scroll/test/image-gallery/app.module.ts
+++ b/src/components/virtual-scroll/test/image-gallery/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, ViewEncapsulation, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -95,7 +95,8 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
 
diff --git a/src/components/virtual-scroll/test/infinite-scroll/app.module.ts b/src/components/virtual-scroll/test/infinite-scroll/app.module.ts
index 5b6cbf7988..cb55a32579 100644
--- a/src/components/virtual-scroll/test/infinite-scroll/app.module.ts
+++ b/src/components/virtual-scroll/test/infinite-scroll/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicApp, IonicModule } from '../../../..';
 
 
@@ -77,6 +77,7 @@ export class E2EApp {
   entryComponents: [
     E2EApp,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/virtual-scroll/test/list/app.module.ts b/src/components/virtual-scroll/test/list/app.module.ts
index 4159e21813..7120b45a08 100644
--- a/src/components/virtual-scroll/test/list/app.module.ts
+++ b/src/components/virtual-scroll/test/list/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -124,6 +124,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/virtual-scroll/test/media/app/app.module.ts b/src/components/virtual-scroll/test/media/app/app.module.ts
index 7fb2e9ecf9..35f89d67d5 100644
--- a/src/components/virtual-scroll/test/media/app/app.module.ts
+++ b/src/components/virtual-scroll/test/media/app/app.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../../..';
 
@@ -15,5 +15,6 @@ import { RootPageModule } from '../pages/root-page/root-page.module';
     RootPageModule
   ],
   bootstrap: [IonicApp],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/virtual-scroll/test/media/pages/root-page/root-page.html b/src/components/virtual-scroll/test/media/pages/root-page/root-page.html
index 292b34f3f4..b4682c96b7 100644
--- a/src/components/virtual-scroll/test/media/pages/root-page/root-page.html
+++ b/src/components/virtual-scroll/test/media/pages/root-page/root-page.html
@@ -15,7 +15,7 @@
     <ion-item *virtualItem="let item" [ngClass]="item.class">
       <ion-label>{{item.type}}-{{item.value}}</ion-label>
       <ion-checkbox *ngIf="item.type === 'checkbox'" item-start></ion-checkbox>
-      <ion-toggle *ngIf="item.type === 'toggle'" item-start></ion-toggle>
+      <ion-toggle *ngIf="item.type === 'toggle'" slot="start"></ion-toggle>
       <ion-radio *ngIf="item.type === 'radio'" item-start></ion-radio>
       <ion-range *ngIf="item.type === 'range'"></ion-range>
     </ion-item>
diff --git a/src/components/virtual-scroll/test/media/pages/root-page/root-page.module.ts b/src/components/virtual-scroll/test/media/pages/root-page/root-page.module.ts
index 85fba79181..66ac3223e7 100644
--- a/src/components/virtual-scroll/test/media/pages/root-page/root-page.module.ts
+++ b/src/components/virtual-scroll/test/media/pages/root-page/root-page.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { IonicPageModule } from '../../../../../..';
 
 import { RootPage } from './root-page';
@@ -9,6 +9,7 @@ import { RootPage } from './root-page';
   ],
   imports: [
     IonicPageModule.forChild(RootPage)
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class RootPageModule {}
diff --git a/src/components/virtual-scroll/test/sliding-item/app.module.ts b/src/components/virtual-scroll/test/sliding-item/app.module.ts
index bdcdd00fd0..8044c32910 100644
--- a/src/components/virtual-scroll/test/sliding-item/app.module.ts
+++ b/src/components/virtual-scroll/test/sliding-item/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, ViewChild, ElementRef, NgModule } from '@angular/core';
+import { Component, ViewChild, ElementRef, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule, Platform } from '../../../..';
 
@@ -68,6 +68,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/components/virtual-scroll/test/variable-size/app.module.ts b/src/components/virtual-scroll/test/variable-size/app.module.ts
index 49eaf4272d..9ae473e2e8 100644
--- a/src/components/virtual-scroll/test/variable-size/app.module.ts
+++ b/src/components/virtual-scroll/test/variable-size/app.module.ts
@@ -1,4 +1,4 @@
-import { Component, NgModule } from '@angular/core';
+import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { IonicApp, IonicModule } from '../../../..';
 
@@ -53,6 +53,7 @@ export class AppComponent {
   entryComponents: [
     AppComponent,
     E2EPage
-  ]
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class AppModule {}
diff --git a/src/index.ts b/src/index.ts
index 1af298d80d..174e41895d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -12,6 +12,7 @@ export { AlertCmp } from './components/alert/alert-component';
 export { App } from './components/app/app';
 export { Avatar } from './components/avatar/avatar';
 export { Backdrop } from './components/backdrop/backdrop';
+export { Button } from './components/button/button';
 export { Checkbox } from './components/checkbox/checkbox';
 export { Chip } from './components/chip/chip';
 export { Content, ScrollEvent } from './components/content/content';
diff --git a/src/module.ts b/src/module.ts
index 87fb66b91e..79152a01bf 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -1,7 +1,7 @@
 /**
  * Import Angular
  */
-import { ANALYZE_FOR_ENTRY_COMPONENTS, APP_INITIALIZER, ComponentFactoryResolver, CUSTOM_ELEMENTS_SCHEMA, Inject, Injector, ModuleWithProviders, NgModule, NgZone, Optional } from '@angular/core';
+import { ANALYZE_FOR_ENTRY_COMPONENTS, APP_INITIALIZER, ComponentFactoryResolver, Inject, Injector, ModuleWithProviders, NgModule, NgZone, Optional, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { APP_BASE_HREF, Location, LocationStrategy, HashLocationStrategy, PathLocationStrategy, PlatformLocation } from '@angular/common';
 import { DOCUMENT, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -50,6 +50,7 @@ import { IonicApp } from './components/app/app-root';
 import { OverlayPortal } from './components/app/overlay-portal';
 import { Avatar } from './components/avatar/avatar';
 import { Backdrop } from './components/backdrop/backdrop';
+import { Button } from './components/button/button';
 import { Checkbox } from './components/checkbox/checkbox';
 import { Chip } from './components/chip/chip';
 import { Content } from './components/content/content';
@@ -181,6 +182,7 @@ import { BooleanInput } from './bindings/angular/components/boolean-input';
     OverlayPortal,
     Avatar,
     Backdrop,
+    Button,
     Checkbox,
     Chip,
     Col,
@@ -274,6 +276,7 @@ import { BooleanInput } from './bindings/angular/components/boolean-input';
     OverlayPortal,
     Avatar,
     Backdrop,
+    Button,
     Checkbox,
     Chip,
     Col,