Add-on Directory

paper-search-input - Vaadin Add-on Directory

An element providing a paper-input-like search, inspired by the search element on https://customelements.io paper-search-input - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/vic10us/paper-search-input](https://github.com//vic10us/paper-search-input/blob/v2.0.1/README.md) on 2019-05-10 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/vic10us/paper-search-input) # paper-search-input An element providing a paper-input-like search element inspired by the search element on [`customelements.io`](https://customelements.io) (now replaced by [`webcomponents.org`](https://www.webcomponents.org)) ```html ``` ## Dependencies Element dependencies are managed via [Bower](http://bower.io/). You can install that via: npm install -g bower Then, go ahead and download the element's dependencies: bower install ## Playing With Your Element If you wish to work on your element in isolation, we recommend that you use [Polyserve](https://github.com/PolymerLabs/polyserve) to keep your element's bower dependencies in line. You can install it via: npm install -g polyserve And you can run it via: polyserve Once running, you can preview your element at `http://localhost:8080/components/paper-search-input/`, where `paper-search-input` is the name of the directory containing it. ## Testing Your Element Simply navigate to the `/test` directory of your element to run its tests. If you are using Polyserve: `http://localhost:8080/components/paper-search-input/test/` ### web-component-tester The tests are compatible with [web-component-tester](https://github.com/Polymer/web-component-tester). Install it via: npm install -g web-component-tester Then, you can run your tests on _all_ of your local browsers via: wct #### WCT Tips `wct -l chrome` will only run tests in chrome. `wct -p` will keep the browsers alive after test runs (refresh to re-run). `wct test/some-file.html` will test only the files you specify. ## Yeoman support If you'd like to use Yeoman to scaffold your element that's possible. The official [`generator-polymer`](https://github.com/yeoman/generator-polymer) generator has a [`seed`](https://github.com/yeoman/generator-polymer#seed) subgenerator.
Documentation
Online Demo
View on GitHub
GitHub Homepage
Issue tracker
License

paper-search-input version 1.0.0
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10

paper-search-input version 1.0.1
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10

paper-search-input version 1.0.2
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * iron-icon#PolymerElements/iron-icon#^1.0.0 * iron-iconset-svg#polymerelements/iron-iconset-svg#^1.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^1.0.0

paper-search-input version 1.0.3
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * iron-icon#PolymerElements/iron-icon#^1.0.0 * iron-iconset-svg#polymerelements/iron-iconset-svg#^1.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^1.0.0 * iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5

paper-search-input version 1.0.4
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * iron-icon#PolymerElements/iron-icon#^1.0.0 * iron-iconset-svg#polymerelements/iron-iconset-svg#^1.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^1.0.0 * iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5

paper-search-input version 1.0.5
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * iron-icon#PolymerElements/iron-icon#^1.0.0 * iron-iconset-svg#polymerelements/iron-iconset-svg#^1.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^1.0.0 * iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5

paper-search-input version 1.0.6
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * iron-icon#PolymerElements/iron-icon#^1.0.0 * iron-iconset-svg#polymerelements/iron-iconset-svg#^1.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^1.0.0 * iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5

paper-search-input version 1.0.7
### Dependencies * polymer#Polymer/polymer#^1.2.0 * iron-input#PolymerElements/iron-input#^1.0.10 * iron-flex-layout#PolymerElements/iron-flex-layout#^1.3.1 * iron-icon#PolymerElements/iron-icon#^1.0.0 * iron-iconset-svg#polymerelements/iron-iconset-svg#^1.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^1.0.0 * iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^1.0.5

paper-search-input version 2.0.0
### Dependencies * polymer#Polymer/polymer#1.9 - 2 * iron-input#PolymerElements/iron-input#1 - 2 * iron-icon#PolymerElements/iron-icon#1 - 2 * iron-icons#PolymerElements/iron-icons#1 - 2 * iron-iconset-svg#PolymerElements/iron-iconset-svg#1 - 2 * iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2 * iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2 * paper-icon-button#PolymerElements/paper-icon-button#1 - 2

paper-search-input version 2.0.1
### Dependencies * polymer#Polymer/polymer#1.9 - 2 * iron-input#PolymerElements/iron-input#1 - 2 * iron-icon#PolymerElements/iron-icon#1 - 2 * iron-icons#PolymerElements/iron-icons#1 - 2 * iron-iconset-svg#PolymerElements/iron-iconset-svg#1 - 2 * iron-resizable-behavior#PolymerElements/iron-resizable-behavior#1 - 2 * iron-flex-layout#PolymerElements/iron-flex-layout#1 - 2 * paper-icon-button#PolymerElements/paper-icon-button#1 - 2