Hero search provides the user with easy access to targeted search.
Use hero search for sites with large volumes of content where the primary navigation of users is via search. It can also be used when research has shown that users prefer to search rather than browse by navigation.
Use the suggested search links to provide access to popular searches. This may update dynamically based on popular search queries if the business logic is in place, or manually managed through a content management system.
Do not use on very small sites or sites with minimal content, consider hero banner.
The hero search is placed in a prominent position at the top of a page, predominately on the homepage. However it can also be placed at the top of directories, libraries, or lists.
By default, search results should be sorted by relevance. If there is a user need, offer a sort function to allow users to order the results based on supplementary criteria.
When displaying results, consider what information is important to the user and display what they require to make an informed decision.
All components are responsive and meet WCAG 2.1 AA accessibility guidelines.