UNPKG

ionic-framework

Version:
96 lines (78 loc) 2.08 kB
<ion-toolbar> <ion-title>Icons</ion-title> </ion-toolbar> <ion-content> <ion-list> <ion-item> <icon home item-left></icon> <code> &lt;icon home>&lt;/icon> </code> </ion-item> <ion-item> <icon home is-active="true" item-left></icon> <code> &lt;icon home is-active="true">&lt;/icon> </code> </ion-item> <ion-item> <icon home is-active="false" item-left></icon> <code> &lt;icon home is-active="false">&lt;/icon> </code> </ion-item> <ion-item> <icon name="home" item-left></icon> <code> &lt;icon name="home">&lt;/icon> </code> </ion-item> <ion-item> <icon [name]="homeIcon" item-left></icon> <code> &lt;icon [name]="homeIcon">&lt;/icon> </code> </ion-item> <ion-item> <icon ion-social-twitter item-left></icon> <code> &lt;icon ion-social-twitter>&lt;/icon> </code> </ion-item> <ion-item> <icon ios="ion-social-apple" md="ion-social-android" item-left></icon> <code> &lt;icon ios="ion-social-apple" md="ion-social-android">&lt;/icon> </code> </ion-item> <ion-item> <icon [is-active]="isActive" ios="ion-social-apple" md="ion-social-android" item-left></icon> <code> &lt;icon [is-active]="isActive" ios="ion-social-apple" md="ion-social-android">&lt;/icon> </code> </ion-item> <ion-item> <icon ios="ion-social-apple" item-left></icon> <code> &lt;icon ios="ion-social-apple">&lt;/icon> </code> </ion-item> <ion-item> <icon md="ion-social-android" item-left></icon> <code> &lt;icon md="ion-social-android">&lt;/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>