Full item

This commit is contained in:
Max Lynch
2015-05-06 16:07:59 -05:00
parent de33df4767
commit 7353a616ec
7 changed files with 12 additions and 8 deletions

View File

@ -19,7 +19,7 @@ export * from 'ionic/components/nav/nav-item'
// export * from 'ionic/components/radio/radio-group' // export * from 'ionic/components/radio/radio-group'
// export * from 'ionic/components/search-bar/search-bar' // export * from 'ionic/components/search-bar/search-bar'
// export * from 'ionic/components/split-view/split-view' // 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/tabs'
export * from 'ionic/components/tabs/tab' export * from 'ionic/components/tabs/tab'
export * from 'ionic/components/toolbar/toolbar' export * from 'ionic/components/toolbar/toolbar'

View File

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

View File

@ -1,6 +1,6 @@
import {Component, View, bootstrap} from 'angular2/angular2' import {Component, View, bootstrap} from 'angular2/angular2'
import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms'; 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]' }) @Component({ selector: '[ion-app]' })
@View({ @View({

View File

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

View File

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

View File

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

View File

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