javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(item-buttons): moved items outside of list in the buttons example

Browse Source 
references #387
This commit is contained in:
Brandy Carney
2015-11-16 15:43:35 -05:00
parent c6b15d63fe
commit 83164132e4
1 changed files with 74 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
ionic/components/item/test/buttons/main.html
View File

@@ -1,91 +1,87 @@
<ion-toolbar><ion-title>Items as Links/Buttons</ion-title></ion-toolbar>
<ion-list>
<a ion-item href="#" (click)="testClick($event)">
a[ion-item]
</a>
<a ion-item href="#" (click)="testClick($event)">
a[ion-item]
</a>
<a ion-item class="activated" href="#" (click)="testClick($event)">
a[ion-item].activated
</a>
<a ion-item class="activated" href="#" (click)="testClick($event)">
a[ion-item].activated
</a>
<button ion-item (click)="testClick($event)">
button[ion-item]
</button>
<button ion-item (click)="testClick($event)">
button[ion-item]
<button ion-item class="activated" (click)="testClick($event)">
button[ion-item].activated
</button>
<ion-item>
<button item-left (click)="testClick($event)">Default</button>
Inner Buttons
<button outline item-right (click)="testClick($event)">Outline</button>
</ion-item>
<ion-item>
<button item-left (click)="testClick($event)">
<icon home></icon>
Left Icon
</button>
<button ion-item class="activated" (click)="testClick($event)">
button[ion-item].activated
left icon buttons
<button outline item-right (click)="testClick($event)">
<icon star></icon>
Left Icon
</button>
</ion-item>
<ion-item>
<button item-left (click)="testClick($event)">Default</button>
Inner Buttons
<button outline item-right (click)="testClick($event)">Outline</button>
</ion-item>
<ion-item>
<button item-left (click)="testClick($event)">
Right Icon
<icon home></icon>
</button>
right icon buttons
<button outline item-right (click)="testClick($event)">
Right Icon
<icon star></icon>
</button>
</ion-item>
<ion-item>
<button item-left (click)="testClick($event)">
<icon home></icon>
Left Icon
</button>
left icon buttons
<button outline item-right (click)="testClick($event)">
<icon star></icon>
Left Icon
</button>
</ion-item>
<ion-item>
<button clear item-left (click)="testClick($event)">
<icon navigate></icon>
</button>
icon only buttons
<button clear item-right (click)="testClick($event)">
<icon navigate></icon>
</button>
</ion-item>
<ion-item>
<button item-left (click)="testClick($event)">
Right Icon
<icon home></icon>
</button>
right icon buttons
<button outline item-right (click)="testClick($event)">
Right Icon
<icon star></icon>
</button>
</ion-item>
<ion-item>
ion-item right icon/text button
<button item-right (click)="testClick($event)">
<icon refresh></icon>
Refresh
</button>
</ion-item>
<ion-item>
<button clear item-left (click)="testClick($event)">
<icon navigate></icon>
</button>
icon only buttons
<button clear item-right (click)="testClick($event)">
<icon navigate></icon>
</button>
</ion-item>
<ion-item>
<button clear item-left (click)="testClick($event)">
<icon settings></icon>
Settings
</button>
ion-item left clear button
</ion-item>
<ion-item>
ion-item right icon/text button
<button item-right (click)="testClick($event)">
<icon refresh></icon>
Refresh
</button>
</ion-item>
<ion-item>
ion-item right clear button
<button secondary clear item-right (click)="testClick($event)">
Edit
</button>
</ion-item>
<ion-item>
<button clear item-left (click)="testClick($event)">
<icon settings></icon>
Settings
</button>
ion-item left clear button
</ion-item>
<ion-item>
ion-item right clear button
<button secondary clear item-right (click)="testClick($event)">
Edit
</button>
</ion-item>
<ion-item text-wrap>
This is multiline text that has a
long description of about how the text is really long
and a <a href="#" (click)="testClick($event)">link</a>.
<button outline item-right (click)="testClick($event)">View</button>
</ion-item>
</ion-list>
<ion-item text-wrap>
This is multiline text that has a
long description of about how the text is really long
and a <a href="#" (click)="testClick($event)">link</a>.
<button outline item-right (click)="testClick($event)">View</button>
</ion-item>