About this piece
AI Prompt Bar
Gradient-bordered prompt input with a sparkle icon and a tinted Ask AI action button.
Usage
The import and the props worth knowing about, in one place.
import { Search9 } from "@/components/beste/piece/search9";
<Search9
prompt="Summarize last week's support tickets"
action="Ask AI"
tone="ocean"
/>More Search pieces
View all SearchSearch members, invoices, notes…⌘K
Command Search Bar
A single-line search field with a leading magnifier, placeholder, and a monospace keyboard shortcut chip.
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.
Search over 12,000 templates…
Try “marketing landing”, “saas pricing”, or “portfolio”.Hero Search
Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.
linen-chair.jpgFind similar products
Visual Search
Image-attached search bar with an attached file chip, camera capture, and a search icon button.