Result Snippet
SERP-style card with a breadcrumb trail, linked title, and body snippet with highlighted terms.
Usage
The import and the props worth knowing about, in one place.
import { Search19 } from "@/components/beste/piece/search19";
<Search19
crumbs={[
"beste.co",
"docs",
"authentication"
]}
title="Setting up SSO with SAML and Okta"
snippet="Configure an IdP to issue SAML assertions to Beste, then map groups to workspace roles."
highlight="SAML"
/>More Search pieces
View all Search
Visual Search
Image-attached search bar with an attached file chip, camera capture, and a search icon button.
Command Palette
⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.
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.
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.