React-search-bar NPM

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 start
npm run check

Props

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\	✓	Flat array of suggestions