Recent History Menu Blueprint
Static open recents menu grouped into Today and Yesterday with item type chips, visit times, and a clear history action.
Static open recents menu grouped into Today and Yesterday with item type chips, visit times, and a clear history action.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Recent History Menu Blueprint renders the open state of a recently-visited menu inline below a context nav bar with the Recent trigger highlighted. Two groups divide the list: Today (Weekly report, Data pipeline v2, API changelog Jun 12, Reliability review) and Yesterday (Onboarding checklist, Usage dashboard, Batch migration spike). Each row shows the item icon, label, a relative or absolute time in tabular-nums, and a small bordered type chip (View, Project, Document). A footer line reads Showing the last 7 items beside a Clear history ghost button. No Radix Popover or portal is used.
Today and yesterday items are separate typed arrays so the group label and item list compose cleanly via the HistoryGroup helper. The type chip is a plain bordered span, not a Badge, keeping it visually quiet at 10px.
Reach for this block to preview or document a recently- visited menu feature before wiring it to a real history endpoint. Replace the static arrays with a live recents API call and render the same panel component inside your actual popover trigger.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the recents flyout in a global nav. Other history panels:
Tip: the type chip is what turns a list of names into a navigable history; without it every row looks the same at a glance.