QuickSearch

Modal universal search overlay with type-aware default icons (project, chat, task, …) and full keyboard nav.

Preview

Usage

import { QuickSearch } from '@ramtt/ui'

<QuickSearch
  open={open}
  onOpenChange={setOpen}
  groups={[{ label: 'Projects', items: [{ id: '1', type: 'project', title: 'FTP build' }] }]}
  onSelect={(item) => navigate(item)}
/>

Props

Prop	Type	Default	Description
open*	`boolean`	—	Controls visibility
onOpenChange*	`(open: boolean) => void`	—	Open-state setter
groups*	`QuickSearchGroup[]`	—	Search results grouped by section
onSelect*	`(item: QuickSearchItem) => void`	—	Called when a result is chosen
placeholder	`string`	'Search...'	Input placeholder
className	`string`	—	Additional Tailwind classes on the dialog