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.