Badge icons on list with icons


#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


#3

hey @andrewmcgivery
Thank you so much you ROCK !


#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.