Skip to content
IndexDesign corpus

Search Input

32 resources ship this component · Inputs

Also called: search field, search box, searchbox, search bar, search, site search, query input.

Before you ship6 checks
  1. 01Input field — A clear container for a user to start typing in
  2. 02Label or placeholder text — Identify the purpose of the field is for them to search
  3. 03Quick links, autocomplete and suggestions — As the user is typing, offer available links and phrases based on what they have entered so far
  4. 04Submit search button — A visible link to submit search and view results
  5. 05Previous searches — Showing what a user has searched before can speed up their experience if they frequently search the same queries
  6. 06Appropriate visibility — Search should be directly linked to what you are looking for, whether it's searching across the entire platform or in a specific area

Checks from checklist.design, MIT.

Ships it32