2.2 #Components.badge Badge

Toggle example guides Toggle HTML markup

Browser support: IE9+, Safari6+, Firefox30+, Chrome30+

Default styling
5
.sb-badge--xs
Extra small size badge
5
.sb-badge--s
Small size badge
5
.sb-badge--m
Medium size badge
5
.sb-badge--l
Large size badge
5
.sb-badge--xl
Extra large size badge
5
.sb-badge--rounded
Rounded badge
5
.sb-badge--xs.sb-badge--rounded
Extra small size badge with rounded corner
5
.sb-badge--primary
Used in card forms count
5
Markup
 <span class="sb-badge [modifier class]">
   5
 </span>
Source: components/_badge.scss, line 1