<span class="dso-label">
Label (standaard)
</span>
<span class="dso-label">
Label (standaard)
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
<span class="dso-label dso-compact">
Label (standaard)
</span>
<span class="dso-label dso-label-info">
<span class="sr-only">Opmerking: </span>
Label (info)
</span>
<span class="dso-label dso-label-info">
<span class="sr-only">Opmerking: </span>
Label (info)
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
<span class="dso-label dso-label-info dso-compact">
<span class="sr-only">Opmerking: </span>
Label (info)
</span>
<span class="dso-label dso-label-primary">
Label (primair)
</span>
<span class="dso-label dso-label-primary">
Label (primair)
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
<span class="dso-label dso-label-primary dso-compact">
Label (primair)
</span>
<span class="dso-label dso-label-success">
<span class="sr-only">Gelukt: </span>
Label (succes)
</span>
<span class="dso-label dso-label-success">
<span class="sr-only">Gelukt: </span>
Label (succes)
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
<span class="dso-label dso-label-success dso-compact">
<span class="sr-only">Gelukt: </span>
Label (succes)
</span>
<span class="dso-label dso-label-warning">
<span class="sr-only">Waarschuwing: </span>
Label (waarschuwing)
</span>
<span class="dso-label dso-label-warning">
<span class="sr-only">Waarschuwing: </span>
Label (waarschuwing)
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
<span class="dso-label dso-label-warning dso-compact">
<span class="sr-only">Waarschuwing: </span>
Label (waarschuwing)
</span>
<span class="dso-label dso-label-danger">
<span class="sr-only">Fout: </span>
Label (fout)
</span>
<span class="dso-label dso-label-danger">
<span class="sr-only">Fout: </span>
Label (fout)
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
<span class="dso-label dso-label-danger dso-compact">
<span class="sr-only">Fout: </span>
Label (fout)
</span>
<span class="dso-label dso-label-bright">
Label (helder)
</span>
<span class="dso-label dso-label-bright">
Label (helder)
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
<span class="dso-label dso-label-bright dso-compact">
Label (helder)
</span>
<span class="dso-label">
</span>
<span class="dso-label dso-label-default dso-hover">
Hover
<button type="button" title="Verwijder">
<dso-icon icon="times"></dso-icon>
</button>
</span>
label: Label (standaard)
label: Label (standaard)
removable: true
label: Label (standaard)
compact: true
status: info
label: Label (info)
status: info
label: Label (info)
removable: true
status: info
label: Label (info)
compact: true
status: primary
label: Label (primair)
status: primary
label: Label (primair)
removable: true
status: primary
label: Label (primair)
compact: true
status: success
label: Label (succes)
status: success
label: Label (succes)
removable: true
status: success
label: Label (succes)
compact: true
status: warning
label: Label (waarschuwing)
status: warning
label: Label (waarschuwing)
removable: true
status: warning
label: Label (waarschuwing)
compact: true
status: danger
label: Label (fout)
status: danger
label: Label (fout)
removable: true
status: danger
label: Label (fout)
compact: true
status: bright
label: Label (helder)
status: bright
label: Label (helder)
removable: true
status: bright
label: Label (helder)
compact: true
_ignore: true
status: default
label: Hover
removable: true
hover: true