Power-query input paired with a suggestions panel that surfaces operator tokens and their meanings.
New here? Read the installation guide.
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"
}
]}
/>⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.
A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.
Gradient-bordered prompt input with a sparkle icon and a tinted Ask AI action button.
Focused search input with a typed query, blinking caret, hit counter, and clear button.
Members
Rowan Blake
Active · Clinic 2
Rowan Blake · Intake notes
Updated 3 days ago
Invoice #4821
Rowan Blake · Paid
3 of 11 matches shown
A search panel showing a typed query above a labelled group of results, each with a title, a meta line, and a kind chip, closing on a match count.