ion-card-header

This commit is contained in:
Adam Bradley
2015-08-24 17:22:04 -05:00
parent 2ac11fb716
commit d53f540d1f
11 changed files with 48 additions and 36 deletions

View File

@@ -3,44 +3,44 @@
<ion-list>
<a ion-item href="#">
a.item
a[ion-item]
<icon forward item-right></icon>
</a>
<a ion-item class="activated" href="#">
a.item.activated
a[ion-item].activated
<icon forward item-right></icon>
</a>
<button ion-item>
button.item
button[ion-item]
<icon forward item-right></icon>
</button>
<button ion-item class="activated">
button.item.activated
button[ion-item].activated
<icon forward item-right></icon>
</button>
<ion-item>
<button item-left>Edit</button>
div.item left button
ion-item left button
</ion-item>
<ion-item>
div.item right button[outline][secondary]
ion-item right button[outline][secondary]
<button secondary outline item-right>Open</button>
</ion-item>
<ion-item>
div.item icon only button
ion-item icon only button
<button item-right>
<icon name="ion-help-circled"></icon>
</button>
</ion-item>
<ion-item>
div.item right icon/text button
ion-item right icon/text button
<button item-right>
<icon name="ion-refresh"></icon>
Refresh
@@ -52,11 +52,11 @@
<icon name="ion-wrench"></icon>
Fix
</button>
div.item left clear button
ion-item left clear button
</ion-item>
<ion-item>
div.item right clear button
ion-item right clear button
<button secondary clear item-right>
Edit
</button>

View File

@@ -3,48 +3,48 @@
<ion-list>
<ion-item>
Div with forward icon
ion-item forward icon
<icon forward item-right></icon>
</ion-item>
<a ion-item href="#">
Link with forward icon
a[ion-item] with forward icon
<icon forward item-right></icon>
</a>
<button ion-item>
Button with forward icon
button[ion-item] with forward icon
<icon forward item-right></icon>
</button>
<a ion-item href="#">
Link with right side default icon
a[ion-item] with right side default icon
<icon name="ion-ios-information-outline" item-right></icon>
</a>
<a ion-item href="#">
Link with right side large icon
a[ion-item] with right side large icon
<icon large name="ion-ios-information-outline" item-right></icon>
</a>
<a ion-item href="#">
Link with right side small icon
a[ion-item] with right side small icon
<icon small name="ion-ios-information-outline" item-right></icon>
</a>
<button ion-item>
<icon name="ion-star" item-left></icon>
Button with left side icon
button[ion-item] with left side icon
</button>
<button ion-item>
<icon name="ion-flag" item-left></icon>
Button with both side icons
button[ion-item] with both side icons
<icon name="ion-ios-checkmark" item-right></icon>
</button>
<a ion-item href="#">
Link with two right side icons
a[ion-item] with two right side icons
<icon name="ion-checkmark-circled" item-right></icon>
<icon name="ion-shuffle" item-right></icon>
</a>
@@ -52,7 +52,7 @@
<button ion-item>
<icon name="ion-clipboard" item-left></icon>
<icon name="ion-minus-circled" item-left></icon>
Button with two left side icons
button[ion-item] with two left side icons
</button>
<button ion-item>