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.
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent