1<!-- Default -->
2<ion-badge>99</ion-badge>
3
4<!-- Colors -->
5<ion-badge color="primary">11</ion-badge>
6<ion-badge color="secondary">22</ion-badge>
7<ion-badge color="tertiary">33</ion-badge>
8<ion-badge color="success">44</ion-badge>
9<ion-badge color="warning">55</ion-badge>
10<ion-badge color="danger">66</ion-badge>
11<ion-badge color="light">77</ion-badge>
12<ion-badge color="medium">88</ion-badge>
13<ion-badge color="dark">99</ion-badge>
14
15<!-- Item with badge on left and right -->
16<ion-item>
17 <ion-badge slot="start">11</ion-badge>
18 <ion-label>My Item</ion-label>
19 <ion-badge slot="end">22</ion-badge>
20</ion-item>