A search bar with autosuggest, built in React.
npm install react-search-bar --save
View the demo online.
Alternatively, run it locally:
npm install
npm run demo
Then visit localhost:5000.
<SearchBar
onChange={(searchTerm, resolve) => {
// get suggestions asynchronously based on `searchTerm`,
// then pass them to `resolve()` to populate suggestions
}}
onSearch={(searchTerm) => {
// do something on search
}} />
type: boolean
indicates whether the component should take focus on page load
type: number
the number of milliseconds to wait after the last key stroke before performing autosuggest
type: string
sets the name
attribute on the input field
type: function
callback that executes on input and populates suggestions
type: function
callback that executes on search, triggered either by selecting a suggestion or clicking the submit button
type: string
sets the placeholder
attribute on the input field
MIT