Image-attached search bar with an attached file chip, camera capture, and a search icon button.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Search16 } from "@/components/beste/piece/search16";
<Search16
filename="linen-chair.jpg"
placeholder="Find similar products"
image="https://images.unsplash.com/photo-1567538096630-e0c55bd6374c?w=160&auto=format&fit=crop"
/>A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.
Multi-filter search bar with removable token chips inline with the placeholder.
Search popover listing named saved queries with pin or star markers and a raw query beneath.
Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.
SERP-style card with a breadcrumb trail, linked title, and body snippet with highlighted terms.
Gradient-bordered prompt input with a sparkle icon and a tinted Ask AI action button.