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

0 vote110 views1 answer
How to make comments in markdown which do not render in html
Html
0 vote114 views1 answer
Textbox password php
Html
0 vote111 views1 answer
Symfony twig global
Html
0 vote89 views1 answer
In line a frame animation
Html
0 vote110 views1 answer
How to disable movable textarea in html
Html
20 votes96 views4 answers
Bootstrap col center content
Html
0 vote113 views1 answer
How to preselect an option
Html
0 vote100 views2 answers
File type input limit in html
Html
15 votes105 views5 answers
How to add audio in html
Html
1 vote112 views1 answer
Bootstrap upload image plugin for html
Html