Badge button in header

ionic-v1
1

Hi all,

I want design a badge button in header,

Can you for me a example? thank you!

2

I had tried in here: http://codepen.io/snaired/pen/qjbxr

@mhartington please help me

3

Hey there! Sorry for the late response, been crazy busy!

So I put this together, using a custom class and this css

.header-badge{
  top: -7px;
  left: -11px;
}
4

@mhartington thank you so muck :slight_smile:

5

Exactly what I am looking for. Very nice …

6

Worked like a charm dude :smile:
Thanks!

7

Anyone has issues with long Badges and the title?
In my cases the Badge moves the Title text to the right or add “…”

8

This doesn’t work anymore. I had to add inline-block !important to the .header-badge css

10

Thanks, Mike!
It is really what I look for. :star_struck: