Full item

ionic/components.js

@@ -19,7 +19,7 @@ export * from 'ionic/components/nav/nav-item'
 // export * from 'ionic/components/radio/radio-group'
 // export * from 'ionic/components/search-bar/search-bar'
 // export * from 'ionic/components/split-view/split-view'
-// export * from 'ionic/components/switch/switch'
+export * from 'ionic/components/switch/switch'
 export * from 'ionic/components/tabs/tabs'
 export * from 'ionic/components/tabs/tab'
 export * from 'ionic/components/toolbar/toolbar'

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

@@ -18,9 +18,12 @@
         <ion-label>Note</ion-label>
         <textarea control="note" type="text" placeholder="A description"></textarea>
       </ion-input>
+      <ion-switch [checked]="true">
+        Ice cream?
+      </ion-switch>
     </ion-list>
     <ion-list inset>
-      <ion-item button>
+      <ion-item full>
         <button ion-button danger clear>
           Delete Account
         </button>

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

@@ -1,6 +1,6 @@
 import {Component, View, bootstrap} from 'angular2/angular2'
 import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
-import {Button, Form, List, Label, Item, Input, Content} from 'ionic/ionic';
+import {Button, Switch, Form, List, Label, Item, Input, Content} from 'ionic/ionic';
 
 @Component({ selector: '[ion-app]' })
 @View({

ionic/components/item/extensions/ios.scss

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

ionic/components/item/item.js

@@ -55,7 +55,7 @@ export class Item {
 }
 
 new IonicComponent(Item, {
-  propClasses: ['button']
+  propClasses: ['full']
 })
 
 

ionic/components/item/item.scss

@@ -129,6 +129,6 @@ ion-primary-swipe-buttons {
   }
 }
 
-.item-button {
+.item-full {
 
 }

ionic/components/switch/switch.js

@@ -27,7 +27,7 @@ import {IonicComponent} from 'ionic/config/component'
 })
 export class Switch {
   constructor(
-    element: NgElement
+    @NgElement() element:NgElement
     // @PropertySetter('attr.role') setAriaRole: Function,
     // @PropertySetter('attr.aria-checked') setChecked: Function,
     // @PropertySetter('attr.aria-invalid') setInvalid: Function,