Badge
Badges can be used to notify the user of new items, unread messages, notifications etc… Use them on cards, collections.
I'm a badge
<span class="badge is-primary">
I'm a badge
</span>
Colours
Badges are available in multiple colours. Just add a colour modifier like is-dark
or is-success
.
4 new
4 new
4 new
4 new
4 new
4 new
4 new
4 new
4 new
<span class="badge">
4 new
</span>
<span class="badge is-black">
4 new
</span>
<span class="badge is-dark">
4 new
</span>
<span class="badge is-white">
4 new
</span>
<span class="badge is-primary">
4 new
</span>
<span class="badge is-info">
4 new
</span>
<span class="badge is-success">
4 new
</span>
<span class="badge is-warning">
4 new
</span>
<span class="badge is-danger">
4 new
</span>