DSO Component Library

Label 

<!-- Default -->
<span class="label label-default">Default</span>


<!-- Primary -->
<span class="label label-primary">Primary</span>


<!-- Success -->
<span class="label label-success">Success</span>


<!-- Info -->
<span class="label label-info">Info</span>


<!-- Warning -->
<span class="label label-warning">Warning</span>


<!-- Danger -->
<span class="label label-danger">Danger</span>


<span class="label label-{{ modifier }}">{{ label }}</span>
 
/* Default */
label: Default
modifier: default



/* Primary */
label: Primary
modifier: primary



/* Success */
label: Success
modifier: success



/* Info */
label: Info
modifier: info



/* Warning */
label: Warning
modifier: warning



/* Danger */
label: Danger
modifier: danger

Plaats een label. Gebaseerd op de Bootstrap ‘Label’ component

WARNING: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

<span class="label label-default">Default</span>

NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2

Check that the title element describes the document.

<title>Label