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

23 votes204 views2 answers
Add favicon to next js static site
Html
0 vote227 views1 answer
Muted not working in video tag angular
Html
1 vote227 views1 answer
Svelte for loop
Html
-1 vote187 views2 answers
<link rel = "icon" href = "logo.jpg" type = "logo"> issue
Html
0 vote200 views6 answers
Hash password decrypt laravel
Html
0 vote221 views1 answer
Chrome extension button click to different html page
Html
3 votes207 views2 answers
Html. strong
Html
3 votes213 views3 answers
Img svg not loading
Html
0 vote218 views1 answer
Salesforce aura input checkbox
Html
1 vote219 views2 answers
Embed recaptcha in html
Html