<h6>Search big</h6>

<form class="usa-search usa-search--big">
    <div role="search">
        <label class="usa-sr-only" for="search-field-big">Search</label>
        <input class="usa-input" id="search-field-big" type="search" name="search">
        <button class="usa-button" type="submit">
      <span class="usa-search__submit-text">Search</span>
    </button>
    </div>
</form>

<h6>Search default</h6>

<form class="usa-search">
    <div role="search">
        <label class="usa-sr-only" for="search-field">Search</label>
        <input class="usa-input" id="search-field" type="search" name="search">
        <button class="usa-button" type="submit">
      <span class="usa-search__submit-text">Search</span>
    </button>
    </div>
</form>

<h6>Search small</h6>

<form class="usa-search usa-search--small">
    <div role="search">
        <label class="usa-sr-only" for="search-field-small">Search</label>
        <input class="usa-input" id="search-field-small" type="search" name="search">
        <button class="usa-button" type="submit">
      <span class="usa-sr-only">Search</span>
    </button>
    </div>
</form>

There are no notes for this item.

<h6>Search big</h6>

<form class="usa-search usa-search--big">
  <div role="search">
    <label class="usa-sr-only" for="search-field-big">Search</label>
    <input class="usa-input" id="search-field-big" type="search" name="search">
    <button class="usa-button" type="submit">
      <span class="usa-search__submit-text">Search</span>
    </button>
  </div>
</form>

<h6>Search default</h6>

<form class="usa-search">
  <div role="search">
    <label class="usa-sr-only" for="search-field">Search</label>
    <input class="usa-input" id="search-field" type="search" name="search">
    <button class="usa-button" type="submit">
      <span class="usa-search__submit-text">Search</span>
    </button>
  </div>
</form>

<h6>Search small</h6>

<form class="usa-search usa-search--small">
  <div role="search">
    <label class="usa-sr-only" for="search-field-small">Search</label>
    <input class="usa-input" id="search-field-small" type="search" name="search">
    <button class="usa-button" type="submit">
      <span class="usa-sr-only">Search</span>
    </button>
  </div>
</form>
package:
  name: uswds
  version: 2.1.0
uswds:
  path: ../../dist