Visual Search
linen-chair.jpgFind similar products
Image-attached search bar with an attached file chip, camera capture, and a search icon button.
The import and the props worth knowing about, in one place.
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.
Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.
Search popover listing named saved queries with pin or star markers and a raw query beneath.
Members
Rowan Blake
Active · Clinic 2
Rowan Blake · Intake notes
Updated 3 days ago
Invoice #4821
Rowan Blake · Paid
3 of 11 matches shown
A search panel showing a typed query above a labelled group of results, each with a title, a meta line, and a kind chip, closing on a match count.