User Manual
Menu
Close
User Manual

Search-bar

The search bar molecule.
Used in the header component.

Default

The search bar molecule
Used in the header component.


      
        
      

  
    <div class="m-search-bar ">
        <div class="m-search-bar__icon icon-search"></div>
        <div class="m-search-bar__bottom hide">
            <form class="m-search-bar__global-form" action="#">
                <input type="search" class="m-search-bar__input" placeholder="<!-- text -->"></input>
                <button class="m-search-bar icon-search"></button>
            </form>
        </div>
    </div>



    
      

      
    

This is a title

this is usage documentation is written in markdown