mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
64 lines
1.5 KiB
HTML
64 lines
1.5 KiB
HTML
<ion-toolbar><ion-title>Item Icons</ion-title></ion-toolbar>
|
|
|
|
<ion-list>
|
|
|
|
<ion-item>
|
|
ion-item forward icon
|
|
<icon forward item-right></icon>
|
|
</ion-item>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] with forward icon
|
|
<icon forward item-right></icon>
|
|
</a>
|
|
|
|
<button ion-item>
|
|
button[ion-item] with forward icon
|
|
<icon forward item-right></icon>
|
|
</button>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] with right side default icon
|
|
<icon name="ion-ios-information-outline" item-right></icon>
|
|
</a>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] with right side large icon
|
|
<icon large name="ion-ios-information-outline" item-right></icon>
|
|
</a>
|
|
|
|
<a ion-item href="#">
|
|
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[ion-item] with left side icon
|
|
</button>
|
|
|
|
<button ion-item>
|
|
<icon name="ion-flag" item-left></icon>
|
|
button[ion-item] with both side icons
|
|
<icon name="ion-ios-checkmark" item-right></icon>
|
|
</button>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] with two right side icons
|
|
<icon name="ion-checkmark-circled" item-right></icon>
|
|
<icon name="ion-shuffle" item-right></icon>
|
|
</a>
|
|
|
|
<button ion-item>
|
|
<icon name="ion-clipboard" item-left></icon>
|
|
<icon name="ion-minus-circled" item-left></icon>
|
|
button[ion-item] with two left side icons
|
|
</button>
|
|
|
|
<button ion-item>
|
|
Red Balloons
|
|
<div class="badge" item-right>99</div>
|
|
</button>
|
|
|
|
</ion-list>
|