How to add a badge to a icon inside a ion-button?

Ionic Framework ionic-v3
9

below working in ionic 5

css

ion-toolbar {
  --min-height: 50px;
}

html

<ion-buttons slot="end" (click)="GotoNotityPage()">
        <ion-icon slot="icon-only" name="notifications-outline"></ion-icon>
        <ion-badge color="danger" style="position: absolute; right: -5px; top: -3px;">3</ion-badge></ion-buttons>

Hope help!

3 Likes