/react-autocomplete-ts

React Autocomplete typescript

Primary LanguageTypeScript

Typescript Autocomplete

Follwing technologies were used to develop the autocomplete

  • React 16+
  • Typescript 2.8+

Installation

npm install
npm start

Requirements

  • Nodejs > 8
  • npm > 5

Usage

  • Default Usage.
<AutoComplete
  options={options}
  selectedItem={selectedItem}
  onSelect={this.onSelectItem}
/>
  • Local options usage / Css classes
<AutoComplete
  options={options}
  constainerClass={"container-auto"}
  itemClass={"auto-item"}
  activeClass={"active"}
  selectedItem={selectedItem}
  onSelect={this.onSelectItem}
/>
  • Remote Options/API usage
<AutoComplete
  options={options}
  constainerClass={"container-auto"}
  itemClass={"auto-item"}
  activeClass={"active"}
  selectedItem={selectedItem}
  onSelect={this.onSelectItem}
  fields={{
        image: "avatar_url",
        key: "id",
        text: "login",
        value: "login"
    }}
   resource={{
        headers,
        url: `${apiUrl}search`
    }}
    />

License

MIT