Bulma search dropdown

<div class="dropdown is-active">
    <div class="dropdown-trigger">
        <div class="field">
            <p class="control is-expanded has-icons-right">
                <input class="input" type="search" placeholder="Search..."/>
                <span class="icon is-small is-right"><i class="fas fa-search"></i></span>
            </p>
        </div>
    </div>
    <div class="dropdown-menu" id="dropdown-menu" role="menu">
        <div class="dropdown-content">
            <a href="#" class="dropdown-item">Dropdown item</a>
            <a href="#" class="dropdown-item">Other dropdown item</a>
            <hr class="dropdown-divider">
            <a href="#" class="dropdown-item">With a divider</a>
        </div>
    </div>
</div>

Source: stackoverflow.com

Similar codes

7 votes327 views2 answers
How to add multiple CSS inline html
Html
48 votes363 views4 answers
Favicon htmk
Html
0 vote300 views1 answer
Attribute select option html
Html
0 vote320 views1 answer
How to make things move in unity
Html
0 vote326 views1 answer
Amazon type search box html css
Html
1 vote325 views1 answer
Inspect google remote device disable screencast
Html
213 votes384 views5 answers
How to put space in html
Html
0 vote290 views2 answers
Stopimmediatepropagation vs stoppropagation
Html
3 votes367 views1 answer
Toggle on-click button vue
Html
16 votes346 views6 answers
Card in bootstrap
Html