<div class="dropdown open">
<button type="button" class="btn btn-default dropdown-toggle" id="actie_open" aria-haspopup="true" aria-expanded="true">
Actie
</button>
<ul class="dropdown-menu" aria-labelledby="actie_open">
<li>
<a href="#">Actie</a>
</li>
<li>
<a href="#">Andere actie</a>
</li>
<li>
<a href="#">Nog iets anders hier</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="#">Gescheiden link</a>
</li>
</ul>
</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" aria-labelledby="{{ id }}">
{{#each items }}
{{#unless @first }}
<li role="separator" class="divider"></li>
{{/unless}}
{{#each this }}
<li>
<a href="#">{{ this }}</a>
</li>
{{/each}}
{{/each}}
</ul>
{{/if}}
</div>
id: actie_open
open: true
label: Actie
items:
- - Actie
- Andere actie
- Nog iets anders hier
- - Gescheiden link
Toont een dropdown met daarin een gevulde uitklapper. Gebaseerd op de Bootstrap “Dropdowns” component