The search bar is composed of the following elements:
A. Prompt Text
Prompt text is included to provide context to the user about what type of objects is being searched for.
An icon can be included in the search bar to launch scanning functions. To learn more, see Barcode Scanner.
C. Input Field
This area allows the user to input keywords for search.
D. Clear Button
Tapping on the clear button clears all values that has been added by the user.
E. Cancel Button
The cancel button returns the search bar to its default state.
The search bar has two variants:
A prominent search bar remains visible at all times below the navigation bar. It is used when search is the primary action in the current screen.
A minimal search bar is hidden by default and is revealed when the user pulls down on the content area. Use a minimal search bar when search is a secondary action.