Material Design autocomplete component.

Usage no npm install needed!

<script type="module">
  import neoviciPaperAutocomplete from 'https://cdn.skypack.dev/@neovici/paper-autocomplete';



Autocomplete component compatible with Polymer 3.x

Published on webcomponents.org

Build 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.


bower install paper-autocomplete


<link rel="import" href="bower_components/paper-autocomplete/paper-autocomplete.html">

<paper-autocomplete id="my-id" label="Select" ></paper-autocomplete>

Demo and Docs


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


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