UI Components

Search Bar

A search bar is an input used to find matching content.

Also called Search fieldSearch boxSearch inputPlace to search

Visual Example

Try it: type to narrow the matching items.

BackpackTravel bagNotebook

Plain Definition

Search bars help people locate items by typing a query.

You Might Describe This As...

  • "box where you type to find something"
  • "search box at the top"
  • "field for looking up results"
  • "type here to search"

Fast lookup

You May Also Mean

Search bars find existing content; text inputs collect typed information.

Text Input

Check the name, visual cue, and typical use.

Search Bar vs Text Input

See the practical difference side by side.

What It Is Used For

  • Finding products
  • Searching help articles
  • Looking up records

Example User Phrasing

  • "Add a search bar at the top of the list."
  • "Let users search by customer name."