Tabbed Results

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

onboarding

New here? Read the installation guide.

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
rowan

Members

Rowan Blake

Active · Clinic 2

Member

Rowan Blake · Intake notes

Updated 3 days ago

Document

Invoice #4821

Rowan Blake · Paid

Billing

3 of 11 matches shown

Search Results Panel

A search panel showing a typed query above a labelled group of results, each with a title, a meta line, and a kind chip, closing on a match count.

design tokens42

Active Query

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

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

Grouped Results

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

Search docs and guides…
Trending

Trending Queries

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

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

Visual Search

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

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

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

Markdown version