Search Suggestions

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

Search Suggestions

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

Usage

The import and the props worth knowing about, in one place.

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

More Browser pieces

View all Browser
https://stripe.com

Browser URL Pill

Tiny address bar with a globe icon and a blinking cursor.

onboarding3/12

Find in Page

Find bar with the query, a current-of-total match counter, and prev/next/close controls.

Profile Switcher

Account menu listing profiles with the active one checked and a manage row.

GitHub
Linear
Stripe
Notion
Slack
Gmail

New Tab Shortcuts

3×2 grid of colored initial tiles with site names below. Classic new-tab quick launcher.

Work
GitHub
Linear
Figma
Reading

Bookmark Bar

Row of bookmark chips with folder or star icons. Short labels with soft hover states.

Dashboard
Billing
Settings

Tab Bar

Static browser tab row with favicons and titles. Decorative, not interactive.