Product Autocomplete

Ecommerce suggestions dropdown with a warm thumbnail, rating line, and trailing price column.

linen

Washed linen pillow4.8

$48

Linen throw blanket4.6

$112

Natural linen apron4.9

$34

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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"
    }
  ]}
/>