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.