Goerp style

Autocomplete

The autocomplete is a normal text input enhanced by a panel of suggested options.

Apple
Banana
Cherry
Date
Elderberry


<div class="input">
    <input type="text" data-autocomplete="myUL"  placeholder="Find UI components">
    <ul id="myUL">
        <li><a href="#">Apple</a></li>
        <li><a href="#">Banana</a></li>
        <li><a href="#">Cherry</a></li>
        <li><a href="#">Date</a></li>
        <li><a href="#">Elderberry</a></li>
    </ul>
</div>
<button type="button" class="button button--primary margin-left-8" value="Find">Find</button>