Label

<!-- Default -->
<dso-label>
    Label tekst
</dso-label>

<!-- Default Button -->
<dso-label>
    Label tekst
    <button type="button" title="Verwijder" slot="action">
        <dso-icon icon="times"></dso-icon>
    </button>
</dso-label>

<!-- Info -->
<dso-label status="info">
    Label tekst
</dso-label>

<!-- Info Button -->
<dso-label status="info">
    Label tekst
    <button type="button" title="Verwijder" slot="action">
        <dso-icon icon="times"></dso-icon>
    </button>
</dso-label>

<!-- Primary -->
<dso-label status="primary">
    Label tekst
</dso-label>

<!-- Primary Button -->
<dso-label status="primary">
    Label tekst
    <button type="button" title="Verwijder" slot="action">
        <dso-icon icon="times"></dso-icon>
    </button>
</dso-label>

<!-- Success -->
<dso-label status="success">
    Label tekst
</dso-label>

<!-- Success Button -->
<dso-label status="success">
    Label tekst
    <button type="button" title="Verwijder" slot="action">
        <dso-icon icon="times"></dso-icon>
    </button>
</dso-label>

<!-- Warning -->
<dso-label status="warning">
    Label tekst
</dso-label>

<!-- Warning Button -->
<dso-label status="warning">
    Label tekst
    <button type="button" title="Verwijder" slot="action">
        <dso-icon icon="times"></dso-icon>
    </button>
</dso-label>

<!-- Danger -->
<dso-label status="danger">
    Label tekst
</dso-label>

<!-- Danger Button -->
<dso-label status="danger">
    Label tekst
    <button type="button" title="Verwijder" slot="action">
        <dso-icon icon="times"></dso-icon>
    </button>
</dso-label>

<!-- Default -->
<dso-label><span class="dso-label"> Label tekst </span></dso-label>

<!-- Default Button -->
<dso-label
  ><span class="dso-label">
    Label tekst <button type="button" title="Verwijder" slot="action"><dso-icon icon="times"></dso-icon></button></span
></dso-label>

<!-- Info -->
<dso-label status="info"
  ><span class="dso-label dso-label-info"><span class="sr-only">Info: </span> Label tekst </span></dso-label
>

<!-- Info Button -->
<dso-label status="info"
  ><span class="dso-label dso-label-info"
    ><span class="sr-only">Info: </span> Label tekst
    <button type="button" title="Verwijder" slot="action"><dso-icon icon="times"></dso-icon></button></span
></dso-label>

<!-- Primary -->
<dso-label status="primary"
  ><span class="dso-label dso-label-primary"><span class="sr-only">Primair: </span> Label tekst </span></dso-label
>

<!-- Primary Button -->
<dso-label status="primary"
  ><span class="dso-label dso-label-primary"
    ><span class="sr-only">Primair: </span> Label tekst
    <button type="button" title="Verwijder" slot="action"><dso-icon icon="times"></dso-icon></button></span
></dso-label>

<!-- Success -->
<dso-label status="success"
  ><span class="dso-label dso-label-success"><span class="sr-only">Succes: </span> Label tekst </span></dso-label
>

<!-- Success Button -->
<dso-label status="success"
  ><span class="dso-label dso-label-success"
    ><span class="sr-only">Succes: </span> Label tekst
    <button type="button" title="Verwijder" slot="action"><dso-icon icon="times"></dso-icon></button></span
></dso-label>

<!-- Warning -->
<dso-label status="warning"
  ><span class="dso-label dso-label-warning"><span class="sr-only">Waarschuwing: </span> Label tekst </span></dso-label
>

<!-- Warning Button -->
<dso-label status="warning"
  ><span class="dso-label dso-label-warning"
    ><span class="sr-only">Waarschuwing: </span> Label tekst
    <button type="button" title="Verwijder" slot="action"><dso-icon icon="times"></dso-icon></button></span
></dso-label>

<!-- Danger -->
<dso-label status="danger"
  ><span class="dso-label dso-label-danger"><span class="sr-only">Gevaar: </span> Label tekst </span></dso-label
>

<!-- Danger Button -->
<dso-label status="danger"
  ><span class="dso-label dso-label-danger"
    ><span class="sr-only">Gevaar: </span> Label tekst
    <button type="button" title="Verwijder" slot="action"><dso-icon icon="times"></dso-icon></button></span
></dso-label>