2.21.2 #Components.label.small-caps Label in small caps

Toggle example guides Toggle HTML markup

Labels in all small caps can be used as small titles. Usually used when structure or difference is needed, such as in filter components, sorting list, or as small section titles. Note however browser support is non-existent in IE or Edge.

Browser support: Safari9.1+, Firefox34+, Chrome30+

This is a section with info about something
Markup
<label class="sb-label sb-label--small-caps" for="input-id-1">Section Info</label>
<section>This is a section with info about something</section>
Source: components/_label.scss, line 18