ionic-framework/e2e/badge/basic/main.html

<ion-toolbar>
  <ion-title>Badges</ion-title>
</ion-toolbar>

<ion-content>
  <ion-list>
    <ion-list-header>
      Badges Right
    </ion-list-header>
    <ion-item>
      Default Badge
      <ion-badge item-right>99</ion-badge>
    </ion-item>
    <ion-item>
      Primary Badge
      <ion-badge item-right primary>99</ion-badge>
    </ion-item>
    <ion-item>
      Secondary Badge
      <ion-badge item-right secondary>99</ion-badge>
    </ion-item>
    <ion-item>
      Danger Badge
      <ion-badge item-right danger>99</ion-badge>
    </ion-item>
    <ion-item>
      Light Badge
      <ion-badge item-right light>99</ion-badge>
    </ion-item>
    <ion-item>
      Dark Badge
      <ion-badge item-right dark>99</ion-badge>
    </ion-item>
  </ion-list>
  <ion-list>
    <ion-list-header>
      Badges Left
    </ion-list-header>
    <ion-item>
      Default Badge
      <ion-badge item-left>99</ion-badge>
    </ion-item>
    <ion-item>
      Primary Badge
      <ion-badge item-left primary>99</ion-badge>
    </ion-item>
    <ion-item>
      Secondary Badge
      <ion-badge item-left secondary>99</ion-badge>
    </ion-item>
    <ion-item>
      Danger Badge
      <ion-badge item-left danger>99</ion-badge>
    </ion-item>
    <ion-item>
      Light Badge
      <ion-badge item-left light>99</ion-badge>
    </ion-item>
    <ion-item>
      Dark Badge
      <ion-badge item-left dark>99</ion-badge>
    </ion-item>
  </ion-list>
</ion-content>