1 min read
Important: Pagefind 1.5.0 introduces the Component UI, which replaces the Default UI (pagefind-ui.js / PagefindUI). It includes a search modal, better accessibility and customization. Full component guide: https://pagefind.app/llms-component-ui.txt
<pagefind-input>
A search input field with debouncing.
<pagefind-input></pagefind-input>Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
placeholder | string | Language dependent | Placeholder text shown when input is empty |
debounce | number | 300 | Milliseconds to wait after typing before searching |
autofocus | boolean | false | Focus input when page loads |
instance | string | "default" | Connect to a specific Pagefind instance |
Behavior
- Focusing the input begins loading the Pagefind search bundle
- When search is triggered by other components, this input’s value is automatically updated
- When focused, the input registers keyboard shortcuts with the instance
Keyboard Behavior
| Key | Action |
|---|---|
Escape | Clear the input and reset search |
↓ | Move focus to the results list |
Last updated Oct 08, 2026