Polymer Autocomplete Component

[ This description is mirrored from README.md at github.com/ellipticaljs/paper-autocomplete on 2019-05-22 ]

paper-autocomplete

Autocomplete component compatible with Polymer 1.x and 2.x

Published on webcomponents.org

Sauce Test Status

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 and SAUCE_ACCESS_KEY before running remote tests.

How to lint the project

npm run lint

Install

Link to this version
ImportedReleased 15 April 2018MIT License
Framework Support
Polymer 2.0+
Also supported:
Polymer 1 (2.6.1)
Browser Compatibility
Install with
bower install --save ellipticaljs/paper-autocomplete"#3.7.0"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 3.7.0

Dependencies

  • polymer#Polymer/polymer#1.9 - 2
  • paper-input#^2.0.0
  • iron-flex-layout#PolymerElements/iron-flex-layout#^2.0.0
  • paper-icon-button#^2.0.0
  • iron-icon#^2.0.0
  • iron-icons#^2.0.0
  • iron-iconset#^2.0.0
  • iron-iconset-svg#^2.0.0
  • paper-item#^2.0.0
  • paper-ripple#PolymerElements/paper-ripple#^2.0.0
  • paper-material#^2.0.0