2.2 #Components.badge Badge

Toggle example guides Toggle HTML markup

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

Default styling
-50
.sb-badge--s
Small size badge
-50
.sb-badge--l
Large size badge
-50
.sb-badge--xl
Extra large size badge
-50
.sb-badge--rounded
Rounded badge
-50
Markup
 <span class="sb-badge [modifier class]">
   -50
 </span>
Source: components/_badge.scss, line 1