How to create "badge" on number

ionic-v1
1

Hi,
How can I create something like

 <span class="badge badge-assertive">0</span>

but with anther color and I want to set the wanted color and place.

thnx!

2

you can use an ionic color ( http://ionicframework.com/docs/components/#colors ) like :
<span class="badge badge-positive">0</span>

or with a custom color and place with css:
HTML:
<span class="badge badge-custom">0</span>
CSS:

.badge.badge-custom{

background-color: #2C3E50;
color: #fff;
position: absolute;
top: 10px;
left: 30px;

}

1 Like