javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

ionicons 3.0

Browse Source
This commit is contained in:
Adam Bradley
2015-08-31 13:51:45 -05:00
parent 6721f60f4c
commit 32e03d6790
32 changed files with 2909 additions and 2346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ionic/components/icon/test/basic/index.ts
View File

@@ -6,6 +6,7 @@ import {App} from 'ionic/ionic';
})
class E2EApp {
constructor() {
this.homeIcon = 'ion-home';
this.homeIcon = 'home';
this.isActive = false;
}
}

51
ionic/components/icon/test/basic/main.html
View File

@@ -8,23 +8,30 @@
<ion-list>
<ion-item>
<icon ion-home item-left></icon>
<icon home item-left></icon>
<code>
&lt;icon ion-home>&lt;/icon>
&lt;icon home>&lt;/icon>
</code>
</ion-item>
<ion-item>
<icon inactive ion-home item-left></icon>
<icon home is-active="true" item-left></icon>
<code>
&lt;icon inactive ion-home>&lt;/icon>
&lt;icon home is-active="true">&lt;/icon>
</code>
</ion-item>
<ion-item>
<icon name="ion-home" item-left></icon>
<icon home is-active="false" item-left></icon>
<code>
&lt;icon name="ion-home">&lt;/icon>
&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>
@@ -35,6 +42,13 @@
</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>
@@ -43,12 +57,33 @@
</ion-item>
<ion-item>
<icon inactive ios="ion-social-apple" md="ion-social-android" item-left></icon>
<icon [is-active]="isActive" ios="ion-social-apple" md="ion-social-android" item-left></icon>
<code>
&lt;icon inactive ios="ion-social-apple" md="ion-social-android">&lt;/icon>
&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>
<code>
&lt;icon forward>&lt;/icon>
</code>
<icon forward item-right></icon>
</ion-item>
</ion-list>
</ion-content>