Ecommerce suggestions dropdown with a warm thumbnail, rating line, and trailing price column.
New here? Read the installation guide.
import { Search18 } from "@/components/beste/piece/search18";
<Search18
query="linen"
products={[
{
"name": "Washed linen pillow",
"price": "$48",
"rating": "4.8"
},
{
"name": "Linen throw blanket",
"price": "$112",
"rating": "4.6"
},
{
"name": "Natural linen apron",
"price": "$34",
"rating": "4.9"
}
]}
/>Mention-style popover listing matching people with avatars, role lines, and a presence dot.
Search input with a dropdown of autocompletions that bolds the matched substring.
Search field followed by a row of trending query chips led by a small flame label.
⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.
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.