mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 03:00:58 +08:00
96 lines
2.0 KiB
HTML
96 lines
2.0 KiB
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 forward-icon>
|
|
<code>
|
|
ion-item w/ [forward-icon] 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>
|