GlobalSearch

App

Command-palette-style global search field. Supports a categorised result list, keyboard navigation and result selection.

Interactive results

Preview

Selected: Nothing selected

Code
<GlobalSearch
  placeholder="Search pages and actions…"
  results={results}
  onSearch={handleSearch}
  onSelect={(result) => setSelected(result.label)}
/>

Loading state

Preview
Code
<GlobalSearch loading results={results} onSearch={handleSearch} onSelect={handleSelect} />
Sourcemodules/app/GlobalSearch.tsx