Default label
Simply use class label-default
Primary label
Simply use class label-primary
Success label
Simply use class label-success
Info label
Simply use class label-info
Warning label
Simply use class label-warning
Danger label
Simply use class label-danger
Danger outline label
Simply use class label-outline-danger
Warning outline label
Simply use class label-outline-warning
Info outline label
Simply use class label-outline-info
Success outline label
Simply use class label-outline-success
Primary outline label
Simply use class label-outline-primary
Default outline label
Simply use class label-outline-default
Pill label as a link
Labels with hover state, but only for links
Business mails Business mails Answer pending Answer pendingLabels with others
The following examples are some cases but not the only ones on how this component can be composed with others.Removable labels
Label with icon and remove button
Label with arrow
Simply use class arrow-left
Label with arrow
Simply use class arrow-left
Label with arrow
Simply use class arrow-right
Label with arrow
Simply use class arrow-right