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

fix(badge): fixed badge styles and added modes to differentiate border radius

Browse Source 
references #689
This commit is contained in:
Brandy Carney
2015-12-08 17:49:28 -05:00
parent 6eb2c7eaeb
commit 12f61c2fba
6 changed files with 34 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ionic/components/badge/test/basic/main.html
View File

@@ -13,23 +13,23 @@
</ion-item>
<ion-item>
Primary Badge
<ion-badge item-right class="badge-primary">99</ion-badge>
<ion-badge item-right primary>99</ion-badge>
</ion-item>
<ion-item>
Secondary Badge
<ion-badge item-right class="badge-secondary">99</ion-badge>
<ion-badge item-right secondary>99</ion-badge>
</ion-item>
<ion-item>
Danger Badge
<ion-badge item-right class="badge-danger">99</ion-badge>
<ion-badge item-right danger>99</ion-badge>
</ion-item>
<ion-item>
Light Badge
<ion-badge item-right class="badge-light">99</ion-badge>
<ion-badge item-right light>99</ion-badge>
</ion-item>
<ion-item>
Dark Badge
<ion-badge item-right class="badge-dark">99</ion-badge>
<ion-badge item-right dark>99</ion-badge>
</ion-item>
</ion-list>
<ion-list>
@@ -42,23 +42,23 @@
</ion-item>
<ion-item>
Primary Badge
<ion-badge item-left class="badge-primary">99</ion-badge>
<ion-badge item-left primary>99</ion-badge>
</ion-item>
<ion-item>
Secondary Badge
<ion-badge item-left class="badge-secondary">99</ion-badge>
<ion-badge item-left secondary>99</ion-badge>
</ion-item>
<ion-item>
Danger Badge
<ion-badge item-left class="badge-danger">99</ion-badge>
<ion-badge item-left danger>99</ion-badge>
</ion-item>
<ion-item>
Light Badge
<ion-badge item-left class="badge-light">99</ion-badge>
<ion-badge item-left light>99</ion-badge>
</ion-item>
<ion-item>
Dark Badge
<ion-badge item-left class="badge-dark">99</ion-badge>
<ion-badge item-left dark>99</ion-badge>
</ion-item>
</ion-list>
</ion-content>