Search field followed by a row of trending query chips led by a small flame label.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Search14 } from "@/components/beste/piece/search14";
<Search14
placeholder="Search docs and guides…"
label="Trending"
trending={[
"migrate to v3",
"webhook retries",
"api rate limits",
"team roles"
]}
/>Command menu with two sectioned buckets of results, each prefixed by a category label.
Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.
A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.
Focused search input with a typed query, blinking caret, hit counter, and clear button.
Search popover mid-query with a spinner in the input and three shimmering skeleton rows.
Multi-filter search bar with removable token chips inline with the placeholder.