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

More Search pieces

View all Search
and
Andrea Kim
Andrea KimDesign
Andre Costa
Andre CostaGrowth
Anders Lee
Anders LeeEngineering

People Autocomplete

search17

Mention-style popover listing matching people with avatars, role lines, and a presence dot.

ship
shipping address
shipping labels API
shipping zones setup

Typeahead Dropdown

search4

Search input with a dropdown of autocompletions that bolds the matched substring.

Search docs and guides…
Trending

Trending Queries

search14

Search field followed by a row of trending query chips led by a small flame label.

launchesc
Launch plan Q2Docs
launch-prepChannel
Laura NgLaunch lead
↑↓ to navigate↵

Command Palette

search3

⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.

beste.codocsauthentication
Setting up SSO with SAML and OktaConfigure an IdP to issue SAML assertions to Beste, then map groups to workspace roles.

Result Snippet

search19

SERP-style card with a breadcrumb trail, linked title, and body snippet with highlighted terms.

mira
Files
mira-handoff.figFigma
brand-mira.pdfDoc

Grouped Results

search10

Command menu with two sectioned buckets of results, each prefixed by a category label.