Badge stable
Badges, our small count and labeling component.
Example
Default Alternative Primary Warning Danger Success
<span class="badge badge--default">Default</span>
<span class="badge badge--alternative">Alternative</span>
<span class="badge badge--primary">Primary</span>
<span class="badge badge--warning">Warning</span>
<span class="badge badge--danger">Danger</span>
<span class="badge badge--success">Success</span>
1
2
3
4
5
6
2
3
4
5
6
Alignment
Top badge
Middle (default) badge
Bottom badge
<span class="badge badge--primary badge--align-top">badge</span>
<span class="badge badge--primary">badge</span>
<span class="badge badge--primary badge--align-bottom">badge</span>
1
2
3
2
3