Add badge to the Ionic v1 tabs

Albert George
Aug 10, 2017
To add a badge to the ionic v1 tabs, use the following code: 
<ion-tabs class="tabs-icon-top">
 <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
    <!-- Tab 1 content -->
  </ion-tab>
  <ion-tab title="Settings" icon-on="ion-ios-gea<r" icon-off="ion-ios-gear-outline">
    <!-- Tab 2 content -->
  </ion-tab>
  <ion-tab title="Notifications" icon-off="ion-ios-clock-outline" icon-on="ion-ios-clock" badge="3" badge-style="badge-assertive">
    <!-- Tab 3 content -->
  </ion-tab>
</ion-tabs>

If you will add badge="3" badge-style="badge-assertive" to <ion-tab> tag then badge will be displayed.