Button item

ionic/components/button/button.js

@@ -14,5 +14,5 @@ export class Button {
 }
 new IonicComponent(Button, {
   enhanceRawElement: true,
-  propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block']
+  propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block', 'clear', 'full', 'icon']
 })

ionic/components/form/test/basic/main.html

@@ -19,6 +19,13 @@
         <textarea control="note" type="text" placeholder="A description"></textarea>
       </ion-input>
     </ion-list>
+    <ion-list inset>
+      <ion-item button>
+        <button ion-button danger clear>
+          Delete Account
+        </button>
+      </ion-item>
+    </ion-list>
     <button ion-button primary block type="submit">Submit</button>
   </form>
 </ion-content>

ionic/components/item/extensions/ios.scss

@@ -39,4 +39,12 @@ $item-ios-border-color:          $list-ios-border-color !default;
     color: $item-ios-accessory-color;
   }
 
+  .item-button {
+    // No left ios-style padding
+    padding-left: 0;
+    button {
+      width: 100%;
+      font-size: 1.3em;
+    }
+  }
 }

ionic/components/item/item.js

@@ -54,7 +54,9 @@ export class Item {
   }
 }
 
-new IonicComponent(Item, {})
+new IonicComponent(Item, {
+  propClasses: ['button']
+})
 
 
 function clsSetter(el, name) {

ionic/components/item/item.scss

@@ -128,3 +128,7 @@ ion-primary-swipe-buttons {
     border-radius: 50%;
   }
 }
+
+.item-button {
+  
+}