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

35 votes215 views1 answer
How to make a divide sign in html
Html
0 vote237 views1 answer
Emmet vscode twig
Html
5 votes236 views1 answer
Html bullet symbol
Html
2 votes215 views1 answer
Html insert remote image
Html
0 vote251 views1 answer
Mobile screen ful width not get in html 5
Html
-2 votes223 views1 answer
All codes of html
Html
0 vote227 views1 answer
Tailwind download button
Html
0 vote249 views3 answers
Smooth scroll button by element id
Html
0 vote229 views1 answer
Scrool immagini html
Html
5 votes221 views2 answers
Add Youtube videos to a website html
Html