Directory

address-autocomplete - Vaadin Add-on Directory

A Webcomponent for keying-in (or dictating) an address into one field and selecting from an recommendation / validation-list into a custom function. address-autocomplete - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/joeherwig/address-autocomplete](https://github.com//joeherwig/address-autocomplete/blob/0.1.0/README.md) on 2019-05-10 ]** # \ Webcomponent to fetch parts of an address within one single input-field that supports speech-input in webkit-browsers and offers an suggestion list based on open street map. The element object with the selected suggestion is then pushed to an external function to process these date eg. to fill in a form on the host site. ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally. ## Viewing this webcomponent locally ``` $ polymer serve ``` ## Running Tests ``` $ polymer test ``` ## Demo: See the [online-Demo here](https://joeherwig.github.io/address-autocomplete/) ## Useage ```html ... ... .... ``` ## Customizing If you want to process the address info you got "on click", per default the function *setAddress(addressobject)* is called and receives the address object as parameter. If you want to use your own function name, you can set it with the optional parameter *processaddressfunction*. The following example uses this web component to validate addresses and populate a simple form with its data. If the focus is reset into the web component the form fields are reset. The following example is ```html address-autocomplete demo

Simple address-autocomplete demo

```
Documentation
Online Demo
GitHub Homepage
Issue tracker
License
View on GitHub

address-autocomplete version 0.1.0
### Dependencies Polymer/polymer#^2.0.0