mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
72 lines
1.5 KiB
HTML
72 lines
1.5 KiB
HTML
<ion-toolbar><ion-title>Item Icons</ion-title></ion-toolbar>
|
|
|
|
<ion-list>
|
|
|
|
<ion-item forward-icon>
|
|
ion-item [forward-icon] attr
|
|
</ion-item>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] w/ forward icon
|
|
</a>
|
|
|
|
<button ion-item>
|
|
button[ion-item] w/ forward icon
|
|
</button>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] w/ right side default icon
|
|
<icon information-circle item-right></icon>
|
|
</a>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] w/ right side large icon
|
|
<icon large information-circle item-right></icon>
|
|
</a>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] w/ right side small icon
|
|
<icon small information-circle item-right></icon>
|
|
</a>
|
|
|
|
<button ion-item>
|
|
<icon star item-left></icon>
|
|
button[ion-item] w/ left side icon
|
|
</button>
|
|
|
|
<button ion-item no-forward-icon>
|
|
<icon flag item-left></icon>
|
|
button[ion-item][no-foward-icon]
|
|
<icon checkmark item-right></icon>
|
|
</button>
|
|
|
|
<ion-item>
|
|
<icon flag item-left></icon>
|
|
ion-item w/ both side icons
|
|
<icon checkmark item-right></icon>
|
|
</ion-item>
|
|
|
|
<a ion-item href="#">
|
|
a[ion-item] w/ two right side icons
|
|
<icon checkmark-circle item-right></icon>
|
|
<icon shuffle item-right></icon>
|
|
</a>
|
|
|
|
<button ion-item>
|
|
<icon clipboard item-left></icon>
|
|
<icon remove-circle item-left></icon>
|
|
button[ion-item] w/ two left side icons
|
|
</button>
|
|
|
|
<button ion-item>
|
|
Red Balloons
|
|
<item-badge item-right>99</item-badge>
|
|
</button>
|
|
|
|
<ion-item>
|
|
Problems
|
|
<item-badge item-right>99</item-badge>
|
|
</ion-item>
|
|
|
|
</ion-list>
|