Command Palette

⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.

launchesc

Launch plan Q2Docs

launch-prepChannel

Laura NgLaunch lead

↑↓ to navigate↵

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Search3 } from "@/components/beste/piece/search3";

<Search3
  query="launch"
  results={[
    {
      "icon": "page",
      "label": "Launch plan Q2",
      "hint": "Docs"
    },
    {
      "icon": "channel",
      "label": "launch-prep",
      "hint": "Channel"
    },
    {
      "icon": "user",
      "label": "Laura Ng",
      "hint": "Launch lead"
    }
  ]}
  footerHint="↑↓ to navigate"
/>