Pinecone

Search Form 

<div class="spacer"></div>
<form role="search" method="get" class="search-form" action="/">
    <label>
        <span class="screen-reader-text">search</span>
        <input id="s" name="s" type="search" />
    </label>
    <button type="submit" class="button button--search"><span class="screen-reader-text">submit search</span><svg class="icon icon--search" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/search.svg#search" />
        </svg>
    </button>
</form>
 
{% if not standAlone %}<div class="spacer"></div>{% endif %}
<form role="search" method="get" class="search-form{% if modifier %} search-form--{{ modifier }}{% endif %}" action="/">
	<label>
		<span class="screen-reader-text">{{ label }}</span>
		<input id="{{ name }}" name="{{ name }}" {% if placeholder %}placeholder="{{ placeholder }}" {% endif %} type="search"{% if disabled %} disabled{% endif %} />
	</label>
	<button type="submit" class="button button--search"><span class="screen-reader-text">{{ submitLabel }}</span>{% render '@svg', {svg: 'search'}, true %}</button>
</form>
 
{
  "standAlone": false,
  "name": "s",
  "label": "search",
  "submitLabel": "submit search"
}

There are no notes for this item.