Adress Autocomplete Component to Svelte
npm i svelte-address-autocomplete // OR yarn add svelte-address-autocomplete
Note: to use this library in sapper, install as devDependency. See the link.
Demo Link
Local demo:
git clone https://github.com/JonasJs/svelte-address-autocomplete.git cd svelte-address-autocomplete yarn install && yarn start
An example of how to use the library:
<script> import AdressAutocomplete from "svelte-address-autocomplete" </script>
<div class="form"> <h1>Svelte Adress Autocomplete</h1> <AdressAutocomplete className="newName" let:data let:onBlur> <label>Postal Code</label> <input type="text" on:blur="{onBlur}" /> <h4>{data ? data.street : 'No address'}</h4> </AdressAutocomplete> </div>
<style> label { margin-bottom: 8px; } </style>
Component props:
Prop | Type | Description |
---|---|---|
className | string | Create a class to modify the component |
Prop | Type | Description |
---|---|---|
callback | func | callback with address information |
{ neighborhood, zipCode, complement, city, street, fu, }
Prop | Type | Description |
---|---|---|
data | object | Address Information |
error | any | Request exception |
Download stats for this NPM package
Svelte Adress Autocomplete is open source software licensed as MIT.