Skip to main content

Search Form

A search box acts as the field for a query input or search term from the user to search and retrieve related information from the database.

Demo

Note

  • In most themes, the search form is located within the popout menu, but it can also be located within the hero, like on info.com or LegalBoulevard.

States & Variations

Default

The standard search form.

Popout Search Switcher

The search form located in the popout menu.

Anatomy

  1. Search Form / Text Input
  2. Search Switcher Form / Text Input
  3. Search Form Placeholder
  4. Search Button
  5. Site Search Button
  6. Web Search Button
Search Form Anatomy