NOTE: This library is no longer under active development. Do with it as you will. If you're looking for an alternative, please use the excellent WAI-ARIA compliant react-autosuggest instead.
A general-purpose search bar, built in React. View the demo.
Development
npm startnpm run checkProps
| Prop | Type | Required | Description |
|---|---|---|---|
| autoFocus | boolean | If true, focuses the input when the component loads |
|
| delay | number | The number of milliseconds to wait after the last key stroke before calling onChange |
|
| onChange | function | ✓ | Called when input changes |
| onClear | function | ✓ | Called when suggestions should be cleared |
| onSearch | function | ✓1 | Called when clicking the search button or enter (presumes that search button is available) |
| onSelection | function | Called when selecting a suggestion | |
| renderClearButton | boolean | Flag indicating whether to display the clear button | |
| renderSearchButton | boolean | Flag indicating whether to display the search button | |
| style | object | Style object | |
| suggestionRenderer | function | Function to custom render suggestions | |
| suggestions | array<string> | ✓ | Flat array of suggestions |
Also accepts supported HTML attributes for the <input> element.
1 Only when renderSearchButton is true
License
MIT