Grouped Results

Command menu with two sectioned buckets of results, each prefixed by a category label.

mira
Files
mira-handoff.figFigma
brand-mira.pdfDoc

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

Import & use
import { Search10 } from "@/components/beste/piece/search10";

<Search10
  query="mira"
  groups={[
    {
      "group": "Files",
      "items": [
        {
          "label": "mira-handoff.fig",
          "hint": "Figma"
        },
        {
          "label": "brand-mira.pdf",
          "hint": "Doc"
        }
      ]
    }
  ]}
/>