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

2 votes305 views2 answers
Q tag in html
Html
24 votes322 views2 answers
Justify content flex end
Html
15 votes299 views2 answers
Font weight bootstrap class
Html
1 vote319 views1 answer
Css radio default checked
Html
1 vote306 views2 answers
Jquery change document title
Html
4 votes300 views1 answer
Show text when hover over button
Html
1 vote282 views1 answer
Vue toggle checkbox text
Html
1 vote296 views1 answer
Taka html code
Html
1 vote286 views1 answer
Nuxt title page
Html
1 vote331 views1 answer
How to hide error in laravel
Html