Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Search22 } from "@/components/beste/piece/search22";
<Search22
placeholder="Search docs, blocks, components..."
shortcut="⌘K"
/>A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.
Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.
Combined control with a left scope dropdown and a wider query input sharing a single pill.
Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.
⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.
Search field followed by a row of trending query chips led by a small flame label.