paper-autocomplete
Autocomplete component compatible with Polymer 1.x and 2.x
paper-autocomplete
extends earlier efforts such as this https://github.com/rodo1111/paper-input-autocomplete to provide keyboard support, remote binding and results scrolling.
About Polymer 1.x and 2.x Compatibility
From version 3.x.x
, this component work with both Polymer 1.7+ or Polymer 2.0+ Please take a look to the MIGRATION.md file that contains more information.
Installation
bower install paper-autocomplete
Usage
<link rel="import" href="bower_components/paper-autocomplete/paper-autocomplete.html">
<paper-autocomplete id="my-id" label="Select" ></paper-autocomplete>
Demo and Docs
http://ellipticaljs.github.io/paper-autocomplete/
Important: The demos only work with browers which are ES2015/ES6 compatible.. This component is compatible with older browsers as well, but the code need to be transpiled to ES5. polymer build
and polymer serve
can do that for you. This code from this page is not transpiled.
Want to contribute?
Check out our Contributing guide!
For Developers
Getting Started
Clone the repository and run:
npm install
How to run the project
You just need
How to run the project with Polymer 1.x and Polymer 2
This component runs in Polymer hybrid mode, that means it can run in a Polymer 1.x or Polymer 2.x app.
npm run variants
After running this command, it will open two different ports in the dev browser with Polymer 1.x and Polymer 2.x
How to run the tests
Localy
In order to run the tests you have two option. You can either run:
npm run test
Remote (in Saucelabs)
npm run test:remote
You must set these two environment variables:
SAUCE_USERNAME
andSAUCE_ACCESS_KEY
before running remote tests.
How to lint the project
npm run lint