OddApp Design

CommandPalette

@oddapp/ui · Tier 2

Global keyboard-driven command search overlay. (Aspirational — not yet exported by @oddapp/ui.)

Default

CommandPalette — preview renders in browser when component is exported from @oddapp/ui
import { CommandPalette } from '@oddapp/ui'

// Triggered by ⌘K
<CommandPalette
  open={open}
  onOpenChange={setOpen}
  commands={[
    { id: 'go-dashboard', label: 'Go to Dashboard', action: () => router.push('/dashboard') },
    { id: 'new-project', label: 'New Project', action: () => openCreateDialog() },
  ]}
/>