Active Query
Focused search input with a typed query, blinking caret, hit counter, and clear button.
Usage
The import and the props worth knowing about, in one place.
import { Search2 } from "@/components/beste/piece/search2";
<Search2
query="design tokens"
resultCount={42}
/>More Search pieces
View all SearchRecent Searches
Popover that opens on focus and lists prior queries with a clock icon and remove control.
Nina Simone
Vocals, piano
Miles Davis
Trumpet
Herbie Hancock
Keys
Joni Mitchell
Guitar, vocals
Erykah Badu
Vocals
Showing 3 of 5 results
Typing Search
A query gets typed out letter by letter while the list filters live, highlighting the matched text and collapsing rows that no longer fit, then clears and tries another search. Rows take a photo when one is given and fall back to initials.
Scoped Search
Combined control with a left scope dropdown and a wider query input sharing a single pill.
Tabbed Results
Search header with category tabs that show per-tab counts and an underline for the active one.
Voice Search
Pill-shaped voice input with a pulsing mic, live transcript, and a waveform visualizer.
Members
Rowan Blake
Active · Clinic 2
Rowan Blake · Intake notes
Updated 3 days ago
Invoice #4821
Rowan Blake · Paid
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.