Labels | Crossroads Digital Design Kit

UI Components / Labels

Labels styles are supported in the Bootstrap way, using the label and label-[color] classes.

The styles displayed below are defaults. Feel free to add utility classes to adjust text-transformation, font-size, border-radius, etc.

Default Primary Success Info Warning Danger
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>