# Beste UI

> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.

Markdown rendition of https://ui.beste.co/piece/search19. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.

Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json

---
1. /
2. [Pieces](/pieces)
3. /
4. [Search](/pieces/search)
5. /
6. Result Snippet

# Result Snippet

SERP-style card with a breadcrumb trail, linked title, and body snippet with highlighted terms.

beste.codocsauthentication

Setting up SSO with SAML and OktaConfigure an IdP to issue SAML assertions to Beste, then map groups to workspace roles.

CLICode

Base UI

![](https://oud.pics/sm/l/npm.svg)`npx shadcn add https://ui.beste.co/piece/r-base/search19`

New here? Read the [installation guide](/docs/installation).

Import & useCopy

```
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](/pieces/search)

[](/piece/search16)

![linen-chair.jpg](https://images.unsplash.com/photo-1567538096630-e0c55bd6374c?w=160&auto=format&fit=crop)

linen-chair.jpgFind similar products

### Visual Search

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

[](/piece/search24)

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.

[](/piece/search10)

mira

Files

mira-handoff.figFigma

brand-mira.pdfDoc

### Grouped Results

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

[](/piece/search3)

launchesc

Launch plan Q2Docs

launch-prepChannel

Laura NgLaunch lead

↑↓ to navigate↵

### Command Palette

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

[](/piece/search22)

Search docs, blocks, components...⌘K

### 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.

[](/piece/search7)

No results for “invioce”Did you mean invoice?Try fewer keywords or check spelling.

### No Results

Empty-state card echoing the failed query with a did-you-mean link and a retry tip.

## Ship the interface, keep the code.

New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.

[Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing)

### Library

* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)

### Learn

* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)

### More

* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)

### Shadcn Blocks

* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)

© 2026, [Beste](https://beste.co). All rights reserved.