Tabbed Results

Search header with category tabs that show per-tab counts and an underline for the active one.

onboarding

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

Import & use
import { Search13 } from "@/components/beste/piece/search13";

<Search13
  query="onboarding"
  tabs={[
    {
      "label": "All",
      "count": 48
    },
    {
      "label": "Pages",
      "count": 22
    },
    {
      "label": "Files",
      "count": 14
    },
    {
      "label": "People",
      "count": 12
    }
  ]}
  activeIndex={1}
/>

More Search pieces

View all Search
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.

design tokens42

Active Query

search2

Focused search input with a typed query, blinking caret, hit counter, and clear button.

Search docs and guides…
Trending

Trending Queries

search14

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

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.

linen-chair.jpg
linen-chair.jpgFind similar products

Visual Search

search16

Image-attached search bar with an attached file chip, camera capture, and a search icon button.

Search issues, docs, and threads…

Scoped Search

search15

Combined control with a left scope dropdown and a wider query input sharing a single pill.