Cp Search Bar

<div class="search-bar"> <div class="grid-container search-bar__grid"> <div class="grid-x grid-padding-x"> <div class="cell medium-10 medium-offset-1 large-8 large-offset-2 search-bar__cell"> <h3 class="search-bar__title"></h3> <form class="search-bar__form js-search-form" action="" method="GET"> <label for="navigation" class="search-bar__search-label"></label> <input type="text" name="term" id="navigation" class="search-bar__search-term js-search-input" autocomplete="off" placeholder="" data-autocomplete-url="" value="" /> <button class="button-p1 button-p1--icon-only search-bar__search-button js-search-button" /> </form> </div> </div> </div> <div class="search-bar__autocomplete-wrapper"> <div class="search-bar__autocomplete-overlay js-autocomplete-overlay"></div> </div> </div>
<div class="search-bar"> <div class="grid-container search-bar__grid"> <div class="grid-x grid-padding-x"> <div class="cell{{#if customGrid}} {{customGrid}}{{else}} medium-10 medium-offset-1 large-8 large-offset-2{{/if}} search-bar__cell"> <h3 class="search-bar__title">{{searchBar.title}}</h3> <form class="search-bar__form js-search-form" action="{{searchBar.searchPageUrl}}" method="GET"> <label for="navigation" class="search-bar__search-label">{{searchBar.title}}</label> <input type="text" name="{{#if searchBar.searchTermParameterName}}{{searchBar.searchTermParameterName}}{{else}}term{{/if}}" id="navigation" class="search-bar__search-term js-search-input" autocomplete="off" placeholder="{{searchBar.placeholderText}}" data-autocomplete-url="{{searchBar.autocompleteEndpoint}}" value="{{searchBar.searchTerm}}" /> <button class="button-p1 button-p1--icon-only search-bar__search-button js-search-button" /> </form> </div> </div> </div> <div class="search-bar__autocomplete-wrapper"> <div class="search-bar__autocomplete-overlay js-autocomplete-overlay"></div> </div> </div>
/* No context defined for this component. */

There are no notes for this item.