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

2
ionic/components/item/item.scss
View File

@@ -48,7 +48,7 @@ ion-item-content {
white-space: normal;
}
.list .item > icon:first-child {
.item > icon:first-child {
min-width: 24px;
text-align: center;
}

18
ionic/components/item/test/buttons/main.html
View File

@@ -30,12 +30,12 @@
<ion-item>
<button item-left>
<icon name="ion-home"></icon>
<icon home></icon>
Left Icon
</button>
left icon buttons
<button outline item-right>
<icon name="ion-star"></icon>
<icon star></icon>
Left Icon
</button>
</ion-item>
@@ -43,37 +43,37 @@
<ion-item>
<button item-left>
Right Icon
<icon name="ion-home"></icon>
<icon home></icon>
</button>
right icon buttons
<button outline item-right>
Right Icon
<icon name="ion-star"></icon>
<icon star></icon>
</button>
</ion-item>
<ion-item>
<button item-left>
<icon name="ion-help-circled"></icon>
<icon help-circle></icon>
</button>
icon only buttons
<button item-right>
<icon name="ion-help-circled"></icon>
<icon help-circle></icon>
</button>
</ion-item>
<ion-item>
ion-item right icon/text button
<button item-right>
<icon name="ion-refresh"></icon>
<icon refresh></icon>
Refresh
</button>
</ion-item>
<ion-item>
<button clear item-left>
<icon name="ion-wrench"></icon>
Fix
<icon settings></icon>
Settings
</button>
ion-item left clear button
</ion-item>

24
ionic/components/item/test/icons/main.html
View File

@@ -19,45 +19,45 @@
<a ion-item href="#">
a[ion-item] w/ right side default icon
<icon name="ion-ios-information-outline" item-right></icon>
<icon information-circle item-right></icon>
</a>
<a ion-item href="#">
a[ion-item] w/ right side large icon
<icon large name="ion-ios-information-outline" item-right></icon>
<icon large information-circle item-right></icon>
</a>
<a ion-item href="#">
a[ion-item] w/ right side small icon
<icon small name="ion-ios-information-outline" item-right></icon>
<icon small information-circle item-right></icon>
</a>
<button ion-item>
<icon name="ion-star" item-left></icon>
<icon star item-left></icon>
button[ion-item] w/ left side icon
</button>
<button ion-item>
<icon name="ion-flag" item-left></icon>
<icon flag item-left></icon>
button[ion-item] w/ both side icons
<icon name="ion-ios-checkmark" item-right></icon>
<icon checkmark item-right></icon>
</button>
<ion-item>
<icon name="ion-flag" item-left></icon>
<icon flag item-left></icon>
ion-item w/ both side icons
<icon name="ion-ios-checkmark" item-right></icon>
<icon checkmark item-right></icon>
</ion-item>
<a ion-item href="#">
a[ion-item] w/ two right side icons
<icon name="ion-checkmark-circled" item-right></icon>
<icon name="ion-shuffle" item-right></icon>
<icon checkmark-circle item-right></icon>
<icon shuffle item-right></icon>
</a>
<button ion-item>
<icon name="ion-clipboard" item-left></icon>
<icon name="ion-minus-circled" item-left></icon>
<icon clipboard item-left></icon>
<icon remove-circle item-left></icon>
button[ion-item] w/ two left side icons
</button>

4
ionic/components/item/test/images/main.html
View File

@@ -7,12 +7,12 @@
</ion-item>
<ion-item>
<icon name="ion-email" item-left></icon>
<icon mail item-left></icon>
One Line w/ Icon, div only text
</ion-item>
<ion-item>
<icon name="ion-email" item-left></icon>
<icon mail item-left></icon>
<h2>Two Lines w/ Icon, H2 Header</h2>
<p>Paragraph text.</p>
</ion-item>

2
ionic/components/item/test/media/main.html
View File

@@ -62,7 +62,7 @@
<p>Icon on right</p>
<p>Vertically align top</p>
<p>button.item</p>
<icon name="ion-close-circled" item-right></icon>
<icon close-circle item-right></icon>
</button>
</ion-list>