Command Search Bar

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

Search members, invoices, notes…⌘K

Import & use

import { Search23 } from "@/components/beste/piece/search23";

<Search23
  placeholder="Search members, invoices, notes…"
  shortcut="⌘K"
/>

More Search pieces

launchesc

Launch plan Q2Docs

launch-prepChannel

Laura NgLaunch lead

↑↓ to navigate↵

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

linen-chair.jpgFind similar products

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

status: openpriority: highlabel: bugSearch issues…

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

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

Search over 12,000 templates…

Try “marketing landing”, “saas pricing”, or “portfolio”.

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

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

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.