Badge
Elementric components - just copy the HTML code of an element and paste it into your code (after you read the installation guide).
Buttons Badge
The badges are different by color and have the classes: .btn-badge-black, .btn-badge-green, .btn-badge-white, .btn-badge-blue, .btn-badge-yellow, .btn-badge-red
<button type="button" class="button-standard">Standard <span class="btn-badge-black">5</span></button>
<button type="button" class="button-light">Light <span class="btn-badge-green">15</span></button>
<button type="button" class="button-dark">Dark <span class="btn-badge-white">2</span></button>
<button type="button" class="button-success">Success <span class="btn-badge-blue">50</span></button>
<button type="button" class="button-danger">Danger <span class="btn-badge-yellow">100</span></button>
<button type="button" class="button-warning">Warning <span class="btn-badge-red">55</span></button>
Badges
The badges are different by color and have the classes: .badge-black, .badge-green, .badge-white, .badge-blue, .badge-yellow, .badge-red
White Black Green Red Yellow Blue
<span class="badge-white">White</span>
<span class="badge-black">Black</span>
<span class="badge-green">Green</span>
<span class="badge-red">Red</span>
<span class="badge-yellow">Yellow</span>
<span class="badge-blue">Blue</span>
Transparent Badges
White Black Green Red Yellow Blue
<span class="badge-transparent-white">White</span>
<span class="badge-transparent-black">Black</span>
<span class="badge-transparent-green">Green</span>
<span class="badge-transparent-red">Red</span>
<span class="badge-transparent-yellow">Yellow</span>
<span class="badge-transparent-blue">Blue</span>
Sizing
Just add a sizing class to your badge to change the size. (.badge-sm, .badge-lg, .badge-xlg)
badge-sm Standard badge-lg badge-xlg
<span class="badge-blue badge-sm">badge-sm</span>
<span class="badge-blue">Standard</span>
<span class="badge-blue badge-lg">badge-lg</span>
<span class="badge-blue badge-xlg">badge-xlg</span>
Elementric