Search Suggestions

Search input with blinking cursor above a stacked suggestion list. Recent items swap in a clock icon.

react
  • react server components
  • react query vs swr
  • react 19 release notes
  • react suspense patterns

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

Import & use
import { Browser15 } from "@/components/beste/piece/browser15";

<Browser15
  query="react"
  suggestions={[
    {
      "label": "react server components"
    },
    {
      "label": "react query vs swr"
    },
    {
      "label": "react 19 release notes",
      "recent": true
    },
    {
      "label": "react suspense patterns"
    }
  ]}
/>