Search Bar

<!-- Default -->
<div class="dso-search-bar">
    <div class="dso-search-bar-input">
        <label for="search-bar--default" class="dso-search-icon">Zoek op postcode</label>
        <input type="text" id="search-bar--default" placeholder="Label met icoon" />
        <button type="button">
            Zoekopdracht legen
        </button>
    </div>
    <button type="button" class="btn btn-default">
        Zoeken
    </button>
</div>

<!-- Label Only -->
<div class="dso-search-bar">
    <div class="dso-search-bar-input">
        <label for="search-bar--label-only">Zoek op postcode</label>
        <input type="text" id="search-bar--label-only" placeholder="Alleen label" />
        <button type="button">
            Zoekopdracht legen
        </button>
    </div>
    <button type="button" class="btn btn-default">
        Zoeken
    </button>
</div>

<!-- Icon Only -->
<div class="dso-search-bar">
    <div class="dso-search-bar-input">

        <span class="dso-search-icon" aria-hidden="true"></span><input type="text" placeholder="Alleen icoon" />
        <button type="button">
            Zoekopdracht legen
        </button>
    </div>
    <button type="button" class="btn btn-default">
        Zoeken
    </button>
</div>

<!-- No Icon No Label -->
<div class="dso-search-bar">
    <div class="dso-search-bar-input">

        <input type="text" placeholder="Geen icoon en geen label" />
        <button type="button">
            Zoekopdracht legen
        </button>
    </div>
    <button type="button" class="btn btn-default">
        Zoeken
    </button>
</div>

<!-- With Value -->
<div class="dso-search-bar">
    <div class="dso-search-bar-input">
        <label for="search-bar--with-value" class="dso-search-icon">Zoek op postcode</label>
        <input type="text" id="search-bar--with-value" placeholder="Label met icoon" value="abcdef" />
        <button type="button">
            Zoekopdracht legen
        </button>
    </div>
    <button type="button" class="btn btn-default">
        Zoeken
    </button>
</div>

<!-- Hidden Button -->
<div class="dso-search-bar">
    <div class="dso-search-bar-input">
        <label for="search-bar--hidden-button" class="dso-search-icon">Zoek op postcode</label>
        <input type="text" id="search-bar--hidden-button" placeholder="Verborgen zoekknop" />
        <button type="button">
            Zoekopdracht legen
        </button>
    </div>
    <button type="button" class="btn btn-default sr-only">
        Zoeken
    </button>
</div>