Operator Hints

Power-query input paired with a suggestions panel that surfaces operator tokens and their meanings.

is:open assignee:me label:

Suggested operators

label:bugBug reports

label:polishPolish

label:docsDocumentation

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

Import & use

import { Search20 } from "@/components/beste/piece/search20";

<Search20
  query="is:open assignee:me label:"
  operators={[
    {
      "token": "label:bug",
      "label": "Bug reports"
    },
    {
      "token": "label:polish",
      "label": "Polish"
    },
    {
      "token": "label:docs",
      "label": "Documentation"
    }
  ]}
/>