Directory

← Back

paper-autocomplete

Polymer Autocomplete Component

Author

Rating

Popularity

<100

[ 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

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

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
Released
2018-04-15
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 2.6.1
Browser
Browser Independent

paper-autocomplete - Vaadin Add-on Directory

Polymer Autocomplete Component paper-autocomplete - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/ellipticaljs/paper-autocomplete](https://github.com//ellipticaljs/paper-autocomplete/blob/v3.6.0/README.md) on 2019-05-22 ]** # paper-autocomplete > Autocomplete component compatible with Polymer 1.x and 2.x [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/ellipticaljs/paper-autocomplete) [![Sauce Test Status](https://saucelabs.com/browser-matrix/jhuesos.svg)](https://saucelabs.com/u/jhuesos) `paper-autocomplete` extends earlier efforts such as this [https://github.com/rodo1111/paper-input-autocomplete](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](./MIGRATION.md) file that contains more information. # Installation ``` bash bower install paper-autocomplete ``` # Usage ```html ``` # 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](./CONTRIBUTING.md)! # 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 ```
Online