Label

There are no notes for this item.

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

<!-- Default Button -->
<span class="dso-label">
    Default
    <button type="button" title="Verwijder"><svg class="di di-times">
            <use href="../../dso-icons.svg#times" />
        </svg></button>
</span>

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

<!-- Info Button -->
<span class="dso-label dso-label-info">
    Info
    <button type="button" title="Verwijder"><svg class="di di-times">
            <use href="../../dso-icons.svg#times" />
        </svg></button>
</span>

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

<!-- Primary Button -->
<span class="dso-label dso-label-primary">
    Primary
    <button type="button" title="Verwijder"><svg class="di di-times">
            <use href="../../dso-icons.svg#times" />
        </svg></button>
</span>

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

<!-- Success Button -->
<span class="dso-label dso-label-success">
    Success
    <button type="button" title="Verwijder"><svg class="di di-times">
            <use href="../../dso-icons.svg#times" />
        </svg></button>
</span>

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

<!-- Warning Button -->
<span class="dso-label dso-label-warning">
    Warning
    <button type="button" title="Verwijder"><svg class="di di-times">
            <use href="../../dso-icons.svg#times" />
        </svg></button>
</span>

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

<!-- Danger Button -->
<span class="dso-label dso-label-danger">
    Danger
    <button type="button" title="Verwijder"><svg class="di di-times">
            <use href="../../dso-icons.svg#times" />
        </svg></button>
</span>


  {{ label }}
  {% if button -%}
    
  {% endif -%}

      /* Default */
        label: Default

      /* Default Button */
        label: Default
button: times
buttonTitle: Verwijder

      /* Info */
        label: Info
modifier: info

      /* Info Button */
        label: Info
modifier: info
button: times
buttonTitle: Verwijder

      /* Primary */
        label: Primary
modifier: primary

      /* Primary Button */
        label: Primary
modifier: primary
button: times
buttonTitle: Verwijder

      /* Success */
        label: Success
modifier: success

      /* Success Button */
        label: Success
modifier: success
button: times
buttonTitle: Verwijder

      /* Warning */
        label: Warning
modifier: warning

      /* Warning Button */
        label: Warning
modifier: warning
button: times
buttonTitle: Verwijder

      /* Danger */
        label: Danger
modifier: danger

      /* Danger Button */
        label: Danger
modifier: danger
button: times
buttonTitle: Verwijder