Recent And Saved Blueprint
Static open state of a search dropdown with recent queries, named saved searches, and a keyboard hint footer.
Static open state of a search dropdown with recent queries, named saved searches, and a keyboard hint footer.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Recent And Saved Blueprint is the static open state of a global search dropdown, two sections rendered as plain markup with no Radix portal. Recent searches shows the last three queries, failed syncs last 7 days and invoice INV-2026-0341 among them, with a clear-recents affordance. Saved searches lists three named entries, My open tasks due this week and High-priority bugs in production, each with its underlying query string in a mono chip.
Recent and saved arrays sit above the component. The keyboard hint footer, press / to open search from anywhere, surfaces discoverability without needing a tooltip.
Reach for this blueprint when designing or documenting the open state of your command bar or global search, wire the arrays to your search history and saved-filter API.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the command bar dropdown open state. Other search blueprints:
Tip: the saved search query chip doubles as a permalink hint; users remember they can copy the query string.