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