DSO Toolkit | Component Library

Dropdown Button: Dropdown 

<div class="dropdown">
    <button type="button" class="btn btn-default dropdown-toggle" id="actie" aria-haspopup="true" aria-expanded="false">Actie</button>
</div>
 
<div class="dropdown{{#if open }} open{{/if}}">
  <button type="button" class="btn btn-default dropdown-toggle" id="{{ id }}" aria-haspopup="true" aria-expanded="{{#if open }}true{{else}}false{{/if}}">{{ label }}</button>
  {{#if open }}
    <ul class="dropdown-menu{{#if modifiers}} {{ modifiers }}{{/if}}" aria-labelledby="{{ id }}">
      {{#each items }}
        {{#unless @first }}
          <li role="separator" class="divider"></li>
        {{/unless}}
        {{#each this }}
          <li{{#if checked}} class="dso-checked"{{/if}}>
            <a href="#">{{ this.label }}</a>
          </li>
        {{/each}}
      {{/each}}
    </ul>
  {{/if}}
</div>
 
id: actie
open: null
label: Actie

Toont een dropdown met daarin een gevulde uitklapper. Gebaseerd op de Bootstrap “Dropdowns” component