Empty-state card echoing the failed query with a did-you-mean link and a retry tip.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Search7 } from "@/components/beste/piece/search7";
<Search7
query="invioce"
suggestion="Did you mean invoice?"
tip="Try fewer keywords or check spelling."
/>SERP-style card with a breadcrumb trail, linked title, and body snippet with highlighted terms.
Focused search input with a typed query, blinking caret, hit counter, and clear button.
Search field followed by a row of trending query chips led by a small flame label.
Search popover listing named saved queries with pin or star markers and a raw query beneath.
Search popover mid-query with a spinner in the input and three shimmering skeleton rows.
Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.