Tabbed Results

Search header with category tabs that show per-tab counts and an underline for the active one.

onboarding

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

Import & use

import { Search13 } from "@/components/beste/piece/search13";

<Search13
  query="onboarding"
  tabs={[
    {
      "label": "All",
      "count": 48
    },
    {
      "label": "Pages",
      "count": 22
    },
    {
      "label": "Files",
      "count": 14
    },
    {
      "label": "People",
      "count": 12
    }
  ]}
  activeIndex={1}
/>