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 vote153 views1 answer
Ctx arc
Html
101 votes138 views6 answers
Align items center bootstrap
Html
0 vote142 views1 answer
X-auth-token
Html
12 votes90 views2 answers
How to web scrape with scrapy
Html
33 votes137 views2 answers
How to use the label tag in html
Html
3 votes172 views1 answer
Toggle on-click button vue
Html
0 vote190 views1 answer
Select html unselectable option
Html
4 votes135 views3 answers
Hyperlinks in html
Html
0 vote232 views1 answer
Html2pdf pagebreak option
Html
9 votes136 views3 answers
Html lang
Html