diff --git a/README.md b/README.md
index 4b11177..2e6d171 100644
--- a/README.md
+++ b/README.md
@@ -63,7 +63,7 @@ A [Product Hunt](http://producthunt.com) clone built in Meteor Ionic.
   * [ ] nav-clear
 * [ ] Platform
 * [x] Popover
-* [x] Popup
+* [ ] Popup
 * [ ] Scroll
   * [ ] ion-scroll
   * [ ] ion-infinite-scroll
diff --git a/components/ionPopup/ionPopup.html b/components/ionPopup/ionPopup.html
index b57800d..3854826 100644
--- a/components/ionPopup/ionPopup.html
+++ b/components/ionPopup/ionPopup.html
@@ -1,3 +1,22 @@
 <template name="ionPopup">
-
+  <div class="popup-container">
+    <div class="popup">
+      <div class="popup-head">
+        <h3 class="popup-title">{{title}}</h3>
+        {{#if subTitle}}
+          <h5 class="popup-sub-title">{{subTitle}}</h5>
+        {{/if}}
+      </div>
+      <div class="popup-body">
+        {{> UI.contentBlock}}
+      </div>
+      {{#if buttons.count}}
+        <div class="popup-buttons">
+          {{#each buttons}}
+            <button data-action="buttonTapped" class="button {{type}}">{{text}}</button>
+          {{/each}}
+        </div>
+      {{/if}}
+    </div>
+  </div>
 </template>
diff --git a/components/ionPopup/ionPopup.js b/components/ionPopup/ionPopup.js
index 86e58de..f729b21 100644
--- a/components/ionPopup/ionPopup.js
+++ b/components/ionPopup/ionPopup.js
@@ -5,5 +5,17 @@ IonPopup = {
 
   hide: function () {
 
+  },
+
+  alert: function () {
+
+  },
+
+  confirm: function () {
+
+  },
+
+  prompt: function () {
+
   }
 };
diff --git a/showcase/client/templates/popup/popup.html b/showcase/client/templates/popup/popup.html
index ddeaaf9..2321324 100644
--- a/showcase/client/templates/popup/popup.html
+++ b/showcase/client/templates/popup/popup.html
@@ -8,15 +8,18 @@
 
   {{#ionContent}}
     <div class="padding">
-      <button class="button button-dark" data-action="showPopup">
+      <button class="button button-block button-stable" data-action="showPopup">
         Popup
       </button>
-      <button class="button button-primary" data-action="showConfirm">
+      <button class="button button-block button-stable" data-action="showConfirm">
         Confirm
       </button>
-      <button class="button button-positive" data-action="showAlert">
+      <button class="button button-block button-stable" data-action="showAlert">
         Alert
       </button>
+      <button class="button button-block button-stable" data-action="showPrompt">
+        Prompt
+      </button>
     </div>
   {{/ionContent}}
 </template>