Search Featured

Usage

Use as a prominent search entry point on homepages or top-level landing pages, positioned directly below the site navigation. Its centred layout, H2 heading, and full-width pill search bar signal to users that search is the primary way to find what they need. The slightly darker teal background and rounded bottom corners visually connect it to the navigation bar above, making it feel like a natural extension of the header rather than a standalone module. The showPrompt prop (off by default) enables an optional row of suggested search prompt chips beneath the search bar — useful for guiding first-time users toward common queries without requiring them to type. Use this instead of the inline filter bar in Card List when you want search to be the dominant interaction at the page level, before any results are shown. Don't use mid-page or below content sections — it is designed exclusively as a top-of-page search hero. The module is available in Desktop, Tablet, and Mobile device variants.