Dropdown with Input

A dropdown with an input field allows users to filter options dynamically as they type. This is useful for large lists, improving user experience by making selection faster.


Dropdown with input

  • Option 1
  • Option 2
  • Option 3
<div class="dropdown">
    <input type="text" class="dropdown__filter-selected" id="dropdown__filter-selected" value="Option 2">
    <span class="dropdown__arrow-icon"></span>
    <div class="dropdown__options-filter">
        <ul class="dropdown__select">
            <li class="dropdown__select-option">Option 1</li>
            <li class="dropdown__select-option active">Option 2</li>
            <li class="dropdown__select-option">Option 3</li>
        </ul>
    </div>
</div>