Pieces/Search(23)

Search pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

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.

Search members, invoices, notes…⌘K

Command Search Bar

A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.

Search Shortcut

Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.

Search issues…
Saved searches
My open issuesassignee:me is:open
This week's bugslabel:bug created:>7d
Stale PRsis:pr draft:false updated:<14d

Saved Searches

Search popover listing named saved queries with pin or star markers and a raw query beneath.

is:open assignee:me label:
Suggested operators
label:bugBug reports
label:polishPolish
label:docsDocumentation

Operator Hints

Power-query input paired with a suggestions panel that surfaces operator tokens and their meanings.

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.

linen
Washed linen pillow4.8
$48
Linen throw blanket4.6
$112
Natural linen apron4.9
$34

Product Autocomplete

Ecommerce suggestions dropdown with a warm thumbnail, rating line, and trailing price column.

and
Andrea Kim
Andrea KimDesign
Andre Costa
Andre CostaGrowth
Anders Lee
Anders LeeEngineering

People Autocomplete

Mention-style popover listing matching people with avatars, role lines, and a presence dot.

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.

Search issues, docs, and threads…

Scoped Search

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

Search docs and guides…
Trending

Trending Queries

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

onboarding

Tabbed Results

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

Search over 12,000 templates…
Try “marketing landing”, “saas pricing”, or “portfolio”.

Hero Search

Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.

design tokens
Searching across 42 workspaces…

Loading Results

Search popover mid-query with a spinner in the input and three shimmering skeleton rows.

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

Grouped Results

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

Summarize last week's support tickets

AI Prompt Bar

Gradient-bordered prompt input with a sparkle icon and a tinted Ask AI action button.

Find last month's sales reportListening…

Voice Search

Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.

No results for invioceTry fewer keywords or check spelling.

No Results

Empty-state card echoing the failed query with a did-you-mean link and a retry tip.

Search workspace…
Recent
invoice template
onboarding checklist
Q1 roadmap
kickoff notes

Recent Searches

Popover that opens on focus and lists prior queries with a clock icon and remove control.

status: openpriority: highlabel: bugSearch issues…

Filter Chips

Multi-filter search bar with removable token chips inline with the placeholder.

ship
shipping address
shipping labels API
shipping zones setup

Typeahead Dropdown

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

launchesc
Launch plan Q2Docs
launch-prepChannel
Laura NgLaunch lead
↑↓ to navigate

Command Palette

⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.

design tokens42

Active Query

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

Markdown version