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 |