Skip to main content
U.S. flag

An official website of the United States government

Dot gov

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Https

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Search

Search allows users to search for specific content if they know what search terms to use or can’t find desired content in the main navigation.

View USWDS component for guidance

View Login.gov SCSS on GitHub

Default

Search should be easily found. For the default search version, consider displaying in the header and/or side navigation.

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

Big variant

If searching is a primary action of the site, consider adding the big variant version to the primary hero section to reinforce that action.

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

design.login.gov

An official website of the General Services Administration

Looking for U.S. government information and services?
Visit USA.gov