Badge icons on list with icons

ionic-v1
1

Hello is there is a way to implement icons with a badge like the Badge Icons on tabs ?
Thank you.

2

Could try something like this:

<ion-item>
   text here
   <i class="icon ion-ios7-telephone-outline"><span class="badge badge-assertive icon-badge">2</span></i>
</ion-item>

With some added CSS…

.item .icon .icon-badge {
   position: absolute;
   top: 3px;
   right: 0px;
   font-size: 8px;
}

See this codepen: http://codepen.io/andrewmcgivery/pen/dPGzwV

1 Like
3

hey @andrewmcgivery
Thank you so much you ROCK !

1 Like
4

Glad I could be of help. :slight_smile:

5

Hello @ronyrun plz, can i know if even u’ve succeded to show the badge on the app like it’s shown on ur picture ; i mean if even i’ve recieved a notification i wanna see it on my icon App in the host
thank you !

6

Hi,

It’s not for the iconAPP but for icon within the app… sorry.