Trending Queries

Search field followed by a row of trending query chips led by a small flame label.

Search docs and guides…
Trending

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

Import & use
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"
  ]}
/>