Filter Chips

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

status: openpriority: highlabel: bugSearch issues…

New here? Read the installation guide.

Import & use
import { Search5 } from "@/components/beste/piece/search5";

<Search5
  placeholder="Search issues…"
  filters={[
    "status: open",
    "priority: high",
    "label: bug"
  ]}
/>

More Search pieces

View all Search
Search members, invoices, notes…⌘K

Command Search Bar

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

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.

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 docs and guides…
Trending

Trending Queries

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

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.

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

Grouped Results

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

Markdown version