A basic example of the native search input.
<input class="c-input c-input--search" type="search" placeholder="Enter Search Term"><input class="c-input c-input--search" type="search" placeholder="Enter Search Term" disabled>The basic search input, only allows for one search term at any time. By enhancing it with a multi select, we can continuously add search terms.
Work in progress
Search input with a necessary parent label. Any input should have an attached label.
<label class="c-label | u-w-100% u-w-50%-@bp2" for="search_id">
<span class="c-label__text">Search:</span>
<span class="c-label__input">
<input class="c-input c-input--search" id="search_id" type="search" placeholder="Enter Search Term">
</span>
</label>