SearchBar
Command-palette search with fuzzy matching, keyboard navigation, and category grouping.
Modular Build
Interactive Preview
Initialising Operative...
Architecture
Component Architecture
SearchBar/
Prop Usage
| Prop | Type | Default | Description |
|---|---|---|---|
onItemSelect | (item: Item) => void | — | Called when the user selects a result. |
placeholder | string | "Search components..." | Placeholder shown in the trigger button. |
maxResults | number | 8 | Maximum number of fuzzy results to display. |
Usage
import { SearchBar } from '@/ui/features/SearchBar';
// Drop anywhere — trigger button + ⌘K shortcut included
<SearchBar
placeholder="Search docs..."
onItemSelect={(item) => router.push(item.href)}
maxResults={6}
/>