diff --git a/demos/hide-when/main.html b/demos/hide-when/main.html
index 2beb4739eb..7706d43120 100644
--- a/demos/hide-when/main.html
+++ b/demos/hide-when/main.html
@@ -3,7 +3,7 @@
 </ion-navbar>
 
 <ion-content padding>
-  <p hide-when="android">
-    <b>(hide-when="android")</b> This text is hidden on Android only. Click the Android tab to hide this text.
+  <p hideWhen="android">
+    <b>(hideWhen="android")</b> This text is hidden on Android only. Click the Android tab to hide this text.
   </p>
 <ion-content>
diff --git a/demos/show-when/main.html b/demos/show-when/main.html
index bacd10e446..f8d8d8e924 100644
--- a/demos/show-when/main.html
+++ b/demos/show-when/main.html
@@ -3,7 +3,7 @@
 </ion-navbar>
 
 <ion-content padding>
-  <p show-when="ios">
-    <b>(show-when="ios")</b> This text is shown on iOS only. Click the Android tab to hide this text.
+  <p showWhen="ios">
+    <b>(showWhen="ios")</b> This text is shown on iOS only. Click the Android tab to hide this text.
   </p>
 <ion-content>
diff --git a/ionic/components/show-hide-when/show-hide-when.ts b/ionic/components/show-hide-when/show-hide-when.ts
index 418487e302..179f8a01b4 100644
--- a/ionic/components/show-hide-when/show-hide-when.ts
+++ b/ionic/components/show-hide-when/show-hide-when.ts
@@ -56,9 +56,9 @@ export class DisplayWhen {
 
 /**
  *
- * The `show-when` attribute takes a string that represents a plaform or screen orientation.
+ * The `showWhen` attribute takes a string that represents a plaform or screen orientation.
  * The element the attribute is added to will only be shown when that platform or screen orientation is active.
- * Complements the [hide-when attribute](../HideWhen).
+ * Complements the [hideWhen attribute](../HideWhen).
  * @usage
  * ```html
  * <div showWhen="ios">I am only visible on iOS!</div>
@@ -93,9 +93,9 @@ export class ShowWhen extends DisplayWhen {
 
 /**
  *
- * The `hide-when` attribute takes a string that represents a plaform or screen orientation.
+ * The `hideWhen` attribute takes a string that represents a plaform or screen orientation.
  * The element the attribute is added to will only be hidden when that platform or screen orientation is active.
- * Complements the [show-when attribute](../ShowWhen).
+ * Complements the [showWhen attribute](../ShowWhen).
  * @usage
  * ```html
  * <div hideWhen="android">I am hidden on Android!</div>