Skip to content
Index730 resources
Search Input

Search Input

27 resources in the index ship this component, best first. Group: Inputs.

Also called · search field · search box · searchbox · search bar · search · site search · query input

Before you ship

6
  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 it

27