Search

A component that allows users to find specific types of content through text input.


Overview

Unlike the search desktop experience, the search input modifies the entire page and does not contain a dropdown menu.

Search Overview

Key Features


  1. Like the desktop experience, there are three types of search input: placeholder, populated and disabled.
  2. Enabled when the search input is in a populated state, when clicked reverts it reverts the input to a placeholder state.
Text Input - State / Outline-View

Usage


Do

When entered the search narrows and affects the contents of the page.

Don't

Unlike the desktop experience, the search input does not use a dropdown menu to showcase associated options.