Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.
New here? Read the installation guide.
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.
Combined control with a left scope dropdown and a wider query input sharing a single pill.
Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.
Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.