Demo: Ionic Framework List Icon and Badge

"A request on the Ionic Forum came in asking if you could have a badge on an icon in a list. Ionic’s Tab directive allows for a badge to be added on an icon. When we are talking about a badge, we’re talking about the little number in a circle usually on the top right corner of an icon. It is usually used to signify an alert or notification.

So, to accomplish this with a list with icons to the left, we can reuse some of Ionic’s CSS with one minor change."

1 Like

Hi this is very good article. I have one query:
Changing font size changes number size but it does not change circle size. Can you give any hint as how to make circle size small? Currently the badge circle is covering all icon space.