<form class="dso-search">
<div class="dso-searchbar dso-animate ">
<input type="text" id="searchbarClosed" class="form-control" placeholder="Zoeken" />
<span class="dso-searchbar-icon" aria-hidden="true"></span>
<label for="searchbarClosed">Zoeken</label>
<button type="button">Open zoeken</button>
</div>
<button type="submit">Zoeken</button>
</form>
<form class="dso-search">
<div class="dso-searchbar dso-animate {{#if open }} dso-open{{/if}}">
<input type="text" id="{{ id }}" class="form-control" placeholder="{{ label }}" />
<span class="dso-searchbar-icon" aria-hidden="true"></span>
<label for="{{ id }}">{{ label }}</label>
<button type="button">Open zoeken</button>
</div>
<button type="submit">{{ label }}</button>
</form>
__title: Zoekbalk gesloten
__explanation: >-
De zoekbalk dient vanuit zichzelf de class <code>.dso-searchbar</code> te
hebben en kan worden geopend met de modifier classes <code>.dso-open</code>.
Het toevoegen/verwijderen van deze modifier classes start een animatie die de
zoekbalk opent of sluit.
__switches: null
id: searchbarClosed
label: Zoeken
There are no notes for this item.