easy-react-component

react tiny auto suggest component

Usage no npm install needed!

<script type="module">
  import easyReactComponent from 'https://cdn.skypack.dev/easy-react-component';
</script>

README

Install

npm i react-tiny-autosuggest

Usage

import AutoSuggest from 'react-tiny-autosuggest';

render(){
  const suggestions = ['foo', 'bar'];  
  const handleSelect = selection => {console.log(selection)};

  let input;
  const handleSubmit = () => console.log(input.value);

  return (
    // without submit button
    <AutoSuggest
      suggestions = {suggestions}
      onSelect = {handleSelect}
      placeholder = "whatever..."
    />

    <form onSubmit={handleSubmit}>
      <AutoSuggest
        suggestions = {suggestions}
        onSelect = {()=>{}}
        placeholder = "whatever..."
        inputRef = { node => input = node}
    />
    </form>
  )
}

Examples

Here're some live demos