react-autocomplete

WebJar for react-autocomplete

License

License

MIT
Categories

Categories

React User Interface Web Frameworks Auto Application Layer Libs Code Generators
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

react-autocomplete
Last Version

Last Version

1.0.2
Release Date

Release Date

Type

Type

jar
Description

Description

react-autocomplete
WebJar for react-autocomplete
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/atlefren/react-autocomplete

Download react-autocomplete

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/react-autocomplete/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>react-autocomplete</artifactId>
    <version>1.0.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/react-autocomplete/
implementation 'org.webjars.bower:react-autocomplete:1.0.2'
// https://jarcasting.com/artifacts/org.webjars.bower/react-autocomplete/
implementation ("org.webjars.bower:react-autocomplete:1.0.2")
'org.webjars.bower:react-autocomplete:jar:1.0.2'
<dependency org="org.webjars.bower" name="react-autocomplete" rev="1.0.2">
  <artifact name="react-autocomplete" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='react-autocomplete', version='1.0.2')
)
libraryDependencies += "org.webjars.bower" % "react-autocomplete" % "1.0.2"
[org.webjars.bower/react-autocomplete "1.0.2"]

Dependencies

compile (3)

Group / Artifact Type Version
org.webjars.bower : react jar [0.12.2,0.13)
org.webjars.bower : bootstrap jar [3.3.2,3.4)
org.webjars.bower : underscore jar [1.8.2,1.9)

Project Modules

There are no modules declared in this project.

ReactAutocomplete

An autocomplete-dropdown component for react.js. Based on Bootstrap for styling.

Supports selection using keyboard and mouse.

Usage

  • bower install react-autocomplete
  • Include dist/react-autocomplete.min.js and dist/react-autocomplete.min.css in your page.
  • Do something like:
<Autocomplete 
    select={itemSelected}
    displayAttribute='beerName'
    autocompleteSearch={autocompleteSearch}/>
}
  • where:
    • select is the callback function when the user selects an element
    • displayAttribute is the attribute of each result to display in the list
    • autocompleteSearch is the search function: takes values (POJO) and callback function, callback expects to be called with an array of POJOS
    • extraParams is an optional POJO with extra attributes to the autocompleteSearch function
  • see index.html for example usage

Demo

See http://code.atlefren.net/react-autocomplete/index.html

Versions

Version
1.0.2