Saved Searches

Search popover listing named saved queries with pin or star markers and a raw query beneath.

Search issues…
Saved searches
My open issuesassignee:me is:open
This week's bugslabel:bug created:>7d
Stale PRsis:pr draft:false updated:<14d

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

Import & use
import { Search21 } from "@/components/beste/piece/search21";

<Search21
  placeholder="Search issues…"
  saved={[
    {
      "name": "My open issues",
      "query": "assignee:me is:open",
      "pinned": true
    },
    {
      "name": "This week's bugs",
      "query": "label:bug created:>7d"
    },
    {
      "name": "Stale PRs",
      "query": "is:pr draft:false updated:<14d"
    }
  ]}
/>