Labels are useful inline styles that can be dropped into body copy to call out certain sections or to attach metadata. Examples might be noting when something was updated or that something is new.


Building labels using our predefined classes is simple, you'll just need to write a <span class="label"> and apply the classes you want.

<span class="info label">Information Label</span>
<span class="success label">Success Label</span>
<span class="alert label">Alert Label</span>
<span class="warning label">Warning Label</span>
Information Label

Success Label

Alert Label

Warning Label