Search
Overview
An overview of the search components and flow
Thereβs two main parts to adding Depict UI Search to your site:
- Adding a search field or button to your site
- Adding a search results page to your site
This will result in the following flow for the user:
π 1. The user clicks on the search button or search field.
SearchField
A search button
π 2. The search modal opens
The SearchModal that the user sees while typing a query
The SearchModal can either align to the SearchField that was used to open it, an arbitrary element, or the center of the screen.
π 3. The user submits a query and goes to a new URL like /search
The SearchPage which displays the results along with sorting options, filters and search recommendations
Was this page helpful?