javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): update icons to use name attr

Browse Source
This commit is contained in:
Drew Rygh
2016-01-06 10:28:28 -06:00
parent 46baa7309e
commit e36fc01b6f
17 changed files with 117 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
demos/component-docs/buttons/components/components.html
View File

@ -4,12 +4,12 @@
<ion-buttons start>
<button>
<ion-icon contact></ion-icon>
<ion-icon name='contact'></ion-icon>
</button>
</ion-buttons>
<ion-buttons end>
<button>
<ion-icon search></ion-icon>
<ion-icon name='search'></ion-icon>
</button>
</ion-buttons>
@ -40,7 +40,7 @@
<ion-item>
Left Icon Button
<button item-right outline>
<ion-icon star></ion-icon>
<ion-icon name='star'></ion-icon>
Left Icon
</button>
</ion-item>
@ -49,7 +49,7 @@
Right Icon Button
<button item-right outline>
Right Icon
<ion-icon star></ion-icon>
<ion-icon name='star'></ion-icon>
</button>
</ion-item>

10
demos/component-docs/buttons/fab/fab.html
View File

@ -5,22 +5,22 @@
<ion-content class="has-header components-demo">
<p>
<button fab primary fab-top fab-left>
<ion-icon add></ion-icon>
<ion-icon name='add'></ion-icon>
</button>
<button fab secondary fab-top fab-center>
<ion-icon is-active="false" compass></ion-icon>
<ion-icon name='compass' is-active="false"></ion-icon>
</button>
<button fab danger fab-top fab-right>
<ion-icon is-active="false" mic></ion-icon>
<ion-icon name='mic' is-active="false"></ion-icon>
</button>
<!-- <button fab dark fab-bottom fab-center id="demo-fab-bottom">
<ion-icon is-active="false" heart></ion-icon>
<ion-icon name=' is-active="false" heart></ion-icon>
</button> -->
</p>
</ion-content>
<button fab dark fab-bottom fab-center style="z-index: 999">
<ion-icon is-active="false" heart></ion-icon>
<ion-icon name='heart' is-active="false"></ion-icon>
</button>
<ion-toolbar id="subtle-footer">

28
demos/component-docs/buttons/icons/icons.html
View File

@ -7,70 +7,70 @@
<p>
<button light>
<ion-icon arrow-back></ion-icon>
<ion-icon name='arrow-back'></ion-icon>
Back
</button>
<button light>
<ion-icon arrow-down></ion-icon>
<ion-icon name='arrow-down'></ion-icon>
</button>
<button light>
<ion-icon arrow-up></ion-icon>
<ion-icon name='arrow-up'></ion-icon>
</button>
<button light>
Next
<ion-icon arrow-forward></ion-icon>
<ion-icon name='arrow-forward'></ion-icon>
</button>
</p>
<p>
<button>
<ion-icon home></ion-icon>
<ion-icon name='home'></ion-icon>
Home
</button>
<button outline >
<ion-icon briefcase is-active="false"></ion-icon>
<ion-icon name='briefcase' is-active="false"></ion-icon>
Work
</button>
<button clear>
<ion-icon beer is-active="false"></ion-icon>
<ion-icon name='beer' is-active="false"></ion-icon>
Pub
</button>
</p>
<p>
<button secondary>
<ion-icon people></ion-icon>
<ion-icon name='people'></ion-icon>
Friends
</button>
<button secondary outline>
<ion-icon paw is-active="false"></ion-icon>
<ion-icon name='paw' is-active="false"></ion-icon>
Best Friend
</button>
</p>
<p>
<button danger>
<ion-icon close></ion-icon>
<ion-icon name='close'></ion-icon>
Remove
</button>
<button danger outline>
<ion-icon remove-circle is-active="false"></ion-icon>
<ion-icon name='remove-circle' is-active="false"></ion-icon>
</button>
<button danger clear>
<ion-icon trash is-active="false"></ion-icon>
<ion-icon name='trash' is-active="false"></ion-icon>
</button>
</p>
<p>
<button dark round>
<ion-icon construct is-active="false"></ion-icon>
<ion-icon name='construct' is-active="false"></ion-icon>
Tools
</button>
<button dark clear>
<ion-icon hammer is-active="false"></ion-icon>
<ion-icon name='hammer' is-active="false"></ion-icon>
</button>
</p>