<div class="dso-searchbar dso-open">
<input type="text" id="searchbarOpened" class="form-control" placeholder="Zoeken" />
<span class="dso-searchbar-icon" aria-hidden="true"></span>
<label for="searchbarOpened">Zoeken</label>
<button type="button">Open zoeken</button>
</div>
<div class="dso-searchbar{{#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>
__title: Zoekbalk open
__explanation: >-
Om een zoekbalk te openen dient de class <code>.dso-open</code> toegevoegd te
worden. Sluiten gaat door de class weer te verwijderen
__switches: null
id: searchbarOpened
label: Zoeken
open: true
There are no notes for this item.
This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
<label for="state-switch">Open/sluit</label>
Check that the title element describes the document.
<title>Searchbar
Check that a change of context does not occur when this input field receives focus.
<input type="checkbox" id="state-switch">