ionic-framework
Version:
96 lines (78 loc) • 2.08 kB
HTML
<ion-toolbar>
<ion-title>Icons</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<ion-item>
<icon home item-left></icon>
<code>
<icon home></icon>
</code>
</ion-item>
<ion-item>
<icon home is-active="true" item-left></icon>
<code>
<icon home is-active="true"></icon>
</code>
</ion-item>
<ion-item>
<icon home is-active="false" item-left></icon>
<code>
<icon home is-active="false"></icon>
</code>
</ion-item>
<ion-item>
<icon name="home" item-left></icon>
<code>
<icon name="home"></icon>
</code>
</ion-item>
<ion-item>
<icon [name]="homeIcon" item-left></icon>
<code>
<icon [name]="homeIcon"></icon>
</code>
</ion-item>
<ion-item>
<icon ion-social-twitter item-left></icon>
<code>
<icon ion-social-twitter></icon>
</code>
</ion-item>
<ion-item>
<icon ios="ion-social-apple" md="ion-social-android" item-left></icon>
<code>
<icon ios="ion-social-apple" md="ion-social-android"></icon>
</code>
</ion-item>
<ion-item>
<icon [is-active]="isActive" ios="ion-social-apple" md="ion-social-android" item-left></icon>
<code>
<icon [is-active]="isActive" ios="ion-social-apple" md="ion-social-android"></icon>
</code>
</ion-item>
<ion-item>
<icon ios="ion-social-apple" item-left></icon>
<code>
<icon ios="ion-social-apple"></icon>
</code>
</ion-item>
<ion-item>
<icon md="ion-social-android" item-left></icon>
<code>
<icon md="ion-social-android"></icon>
</code>
</ion-item>
<ion-item detail-push>
<code>
ion-item w/ [detail-push] attr. text text text text text text
</code>
</ion-item>
</ion-list>
</ion-content>
<style>
/*to ensure ng css encapsulation doesn't mess with icon attributes*/
code {
font-size: 0.8em;
}
</style>