Windy CSS styleguide

3.3 #components.badge .badge

Toggle example guides Toggle HTML markup

Small textual badge. Use our color, and size classes to set the color and size.

    <span class="badge fg-white bg-red size-xs">info</span>
Examples
Default styling
info
.size-xxs
8px
info
.size-xs
10px
info
.size-s
12px
info
.size-m
14px
info
Markup
<span class="badge [modifier class] fg-white bg-red">info</span>
Source: src/css/components/badge.less, line 1