Search Button

Opens search from a responsive toolbar button.

Installation

pnpm dlx shadcn@latest add @paneui/search-button

Usage

Examples

Disabled

RTL

Keyboard

The application opens search on click and registers its shortcut. The hint does not register a listener.

API Reference

SearchButton

Also accepts every prop of button.

label
string
Visible text and accessible name; defaults to the locale’s search label.
shortcut= ⌘K
React.ReactNode
Shortcut hint; null hides it. Text and hint appear from 640px.
PropTypeDefaultDescription
labelstring—Visible text and accessible name; defaults to the locale’s search label.
shortcutReact.ReactNode⌘KShortcut hint; null hides it. Text and hint appear from 640px.