ArdoHeaderSearch
On this page
Header-hosted search. The field variant renders the input inline on desktop; both variants open a search overlay from an icon button. ⌘K / Ctrl+K focuses the inline input when it is visible and opens the overlay otherwise.
import { ArdoHeaderSearch } from "ardo/ui"
<ArdoHeaderSearch />
Props
| Name | Type | Required | Description |
|---|---|---|---|
placeholder | string | No | Placeholder text for the search input |
variant | "field" | "icon" | No | "field" shows the input on desktop and an icon button on narrowviewports. "icon" shows only the icon button, at every width. |
onActivate | () => void | No | Close related header UI before activating search. |
className | string | No | Additional classes on the search trigger button. |
Props type: ArdoHeaderSearchProps