SERP-style card with a breadcrumb trail, linked title, and body snippet with highlighted terms.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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"
/>Image-attached search bar with an attached file chip, camera capture, and a search icon button.
Command menu with two sectioned buckets of results, each prefixed by a category label.
⌘K modal with a query bar, three typed results, and a keyboard-hint footer at the bottom.
Ghost pill button with a leading search icon, placeholder text, and a trailing keyboard shortcut badge. Useful as a header command-palette trigger.
Empty-state card echoing the failed query with a did-you-mean link and a retry tip.
A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.