Typeahead Dropdown

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

ship
shipping address
shipping labels API
shipping zones setup

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

Import & use
import { Search4 } from "@/components/beste/piece/search4";

<Search4
  query="ship"
  suggestions={[
    "shipping address",
    "shipping labels API",
    "shipping zones setup"
  ]}
/>