DSO Toolkit | Component Library

List Button 

<!-- Default -->
<button type="button" class="btn dso-list-button">
    <span>Milieubelastende activiteit - Melding</span>

</button>


<!-- Button Selected -->
<button type="button" class="btn dso-list-button dso-selected">
    <span>Milieubelastende activiteit - Melding</span>
    <svg class="di di-check">
        <use href="../../dso-icons.svg#check" />
    </svg>

    <span class="sr-only">geselecteerd</span>
</button>


<!-- Button Multiple Selected -->
<button type="button" class="btn dso-list-button dso-selected">
    <span>Milieubelastende activiteit - Melding</span>

    <span class="dso-count">99x</span>
    <span class="sr-only">geselecteerd</span>
</button>


<!-- Button Disabled -->
<button type="button" class="btn dso-list-button" disabled>
    <span>Milieubelastende activiteit - Melding</span>

</button>


<button type="{{ type }}" class="btn dso-list-button{{#if (gt count 0) }} dso-selected{{/if}}" {{{ifattr 'disabled' disabled }}}>
  <span>{{ label }}</span>
  {{#if (eq count 1) }}{{> '@icon' icon='check' }}{{/if}}
  {{#if (gt count 1) }}<span class="dso-count">{{ count }}x</span>{{/if}}
  {{#if (gt count 0) }}<span class="sr-only">geselecteerd</span>{{/if}}
</button>
 
/* Default */
type: button
label: Milieubelastende activiteit - Melding



/* Button Selected */
type: button
label: Milieubelastende activiteit - Melding
count: 1



/* Button Multiple Selected */
type: button
label: Milieubelastende activiteit - Melding
count: 99



/* Button Disabled */
type: button
label: Milieubelastende activiteit - Melding
disabled: true

There are no notes for this item.