autosuggest-input-box v3.0.2

A simple react auto suggest input box

This is a simple, basic auto-suggest input box for React forms. To use it, simply pass in a list of suggestions and retrieve the selected value using a callback function. This component is compatible with TypeScript as well.

Please see the DEMO here

Install

npm

npm install --save autosuggest-input-box

yarn

yarn add autosuggest-input-box

Example

import AutoSuggestInput from "autosuggest-input-box";

const suggestions = ["China","India","United States","Indonesia","Pakistan","Brazil","Nigeria","Bangladesh","Russia","Mexico","Japan","Ethiopia","Philippines","gypt","Vietnam","DR Congo","Turkey","Iran","Germany","Thailand","United Kingdom","France","Italy","Tanzania","SouthAfrica","Myanmar","Kenya","South Korea","Colombia","Spain","Uganda","Argentina","Algeria","Sudan","Ukraine","Iraq","Afghanistan","Poland","Canada","Moocco","Saudi Arabia","Uzbekistan","Peru","Angola","Malaysia","Mozambique","Ghana","Yemen","Nepal","Venezuela"];

const App = () => {
  const onChange = (input) => {
    console.log(input);
  };
  return (
    <div>
      Country:
      <AutoSuggestInput list={suggestions} onChange={onChange} />
    </div>
  );
};

export default App;

API