diff --git a/src/components/action-menu/examples/action-menu-default/index.html b/src/components/action-menu/examples/action-menu-default/index.html
new file mode 100644
index 0000000000..49339fe89b
--- /dev/null
+++ b/src/components/action-menu/examples/action-menu-default/index.html
@@ -0,0 +1,18 @@
+
+  <div class="pane action-menu">
+
+    <div class="pane-backdrop"></div>
+
+    <div class="container">
+
+      <div class="content">
+        <div class="scroll-content">
+
+          <button class="button">Action button 1</button>
+
+        </div>
+      </div>
+
+    </div>
+
+  </div>
diff --git a/src/components/radio/radio.js b/src/components/action-menu/examples/action-menu-default/main.js
similarity index 100%
rename from src/components/radio/radio.js
rename to src/components/action-menu/examples/action-menu-default/main.js
diff --git a/src/components/alert/examples/alert-default/index.html b/src/components/alert/examples/alert-default/index.html
new file mode 100644
index 0000000000..d144b12802
--- /dev/null
+++ b/src/components/alert/examples/alert-default/index.html
@@ -0,0 +1,21 @@
+
+  <div class="pane alert">
+
+    <div class="pane-backdrop"></div>
+
+    <div class="container">
+
+      <div class="content">
+        <div class="scroll-content">
+
+          <p>Do you like cookies?</p>
+
+          <button class="button">Cancel</button>
+          <button class="button">Ok</button>
+
+        </div>
+      </div>
+
+    </div>
+
+  </div>
diff --git a/src/components/alert/examples/alert-default/main.js b/src/components/alert/examples/alert-default/main.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/app/_scaffolding.scss b/src/components/app/_scaffolding.scss
index 00d48d1ba4..8b2bd06534 100644
--- a/src/components/app/_scaffolding.scss
+++ b/src/components/app/_scaffolding.scss
@@ -22,12 +22,12 @@ html {
     @include flex(1);
   }
 
-  .pane > .container.shared-pane {
+  .pane > .pane-container.pane-shared {
     position: absolute;
     width: 100%;
   }
 
-  .pane > .container {
+  .pane > .pane-container {
     position: relative;
     overflow: hidden;
 
@@ -37,12 +37,12 @@ html {
     @include flex-direction(column);
   }
 
-  .container > .pane {
+  .pane-container > .pane {
     position: absolute;
     min-height: 100%;
   }
 
-  .pane > .container > .content {
+  .pane > .pane-container > .content {
     position: relative;
     @include flex(1);
   }
diff --git a/src/components/app/_util.scss b/src/components/app/_util.scss
index 024036b2bd..e2b5f8e977 100644
--- a/src/components/app/_util.scss
+++ b/src/components/app/_util.scss
@@ -4,6 +4,15 @@
 }
 
 
+.pane-backdrop {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.3;
+}
+
+
 
 // Content Padding
 // --------------------------------------------------
diff --git a/src/components/checkbox/examples/checkbox-default/index.html b/src/components/checkbox/examples/checkbox-default/index.html
new file mode 100644
index 0000000000..cf7f0831d0
--- /dev/null
+++ b/src/components/checkbox/examples/checkbox-default/index.html
@@ -0,0 +1,18 @@
+
+<div class="item checkbox"
+     role="checkbox"
+     aria-label="Airplane Mode"
+     aria-checked="true"
+     aria-invalid="false">
+
+  <div class="item-container">
+
+    <div class="item-media"></div>
+
+    <div class="item-content">
+      Airplane Mode
+    </div>
+
+  </div>
+
+</div>
diff --git a/src/components/checkbox/examples/checkbox-default/main.js b/src/components/checkbox/examples/checkbox-default/main.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/radio/examples/radio-default/index.html b/src/components/radio/examples/radio-default/index.html
new file mode 100644
index 0000000000..4a85f186a6
--- /dev/null
+++ b/src/components/radio/examples/radio-default/index.html
@@ -0,0 +1,45 @@
+
+<div class="radio-group"
+     role="radiogroup"
+     aria-activedescendant="radio_1"
+     aria-invalid="false">
+
+  <div class="item radio"
+       role="radio"
+       id="radio_1"
+       value="Apple"
+       aria-checked="true"
+       aria-label="Apple">
+
+    <div class="item-container">
+
+      <div class="item-media"></div>
+
+      <div class="item-content">
+        Apple
+      </div>
+
+    </div>
+
+  </div>
+
+  <div class="item radio"
+       role="radio"
+       id="radio_2"
+       value="Banana"
+       aria-checked="false"
+       aria-label="Banana">
+
+    <div class="item-container">
+
+      <div class="item-media"></div>
+
+      <div class="item-content">
+        Banana
+      </div>
+
+    </div>
+
+  </div>
+
+</div>
diff --git a/src/components/radio/examples/radio-default/main.js b/src/components/radio/examples/radio-default/main.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/radio/radio-button.js b/src/components/radio/radio-button.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/radio/radio-group.js b/src/components/radio/radio-group.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/switch/examples/basic/index.html b/src/components/switch/examples/basic/index.html
deleted file mode 100644
index ee856093cf..0000000000
--- a/src/components/switch/examples/basic/index.html
+++ /dev/null
@@ -1 +0,0 @@
-<ion-switch></ion-switch>
diff --git a/src/components/switch/examples/switch-default/index.html b/src/components/switch/examples/switch-default/index.html
new file mode 100644
index 0000000000..554a1d5d80
--- /dev/null
+++ b/src/components/switch/examples/switch-default/index.html
@@ -0,0 +1,18 @@
+
+<div class="item switch"
+     role="checkbox"
+     aria-label="Airplane Mode"
+     aria-checked="true"
+     aria-invalid="false">
+
+  <div class="item-container">
+
+    <div class="item-media"></div>
+
+    <div class="item-content">
+      Airplane Mode
+    </div>
+
+  </div>
+
+</div>
diff --git a/src/components/switch/examples/switch-default/main.js b/src/components/switch/examples/switch-default/main.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/view/view.js b/src/components/view/view.js
index b7b7249b99..69c2def476 100644
--- a/src/components/view/view.js
+++ b/src/components/view/view.js
@@ -15,7 +15,7 @@ import {Ion} from '../ion'
       <content select="ion-nav-items[side=primary]"></content>
       <content select="ion-nav-items[side=secondary]"></content>
     </ion-toolbar>
-    <div class="container">
+    <div class="pane-container">
       <content></content>
     </div>`,
   directives: [Toolbar]