https://github.com/jonasjs/svelte-address-autocomplete

Autocomplete address from zip code
https://github.com/jonasjs/svelte-address-autocomplete

address address-autocomplete autocomplete autocomplete-address cep demo javascript library postal-code repl rollup svelte zip-code

Last synced: 9 months ago
JSON representation

Autocomplete address from zip code

• Host: GitHub
• URL: https://github.com/jonasjs/svelte-address-autocomplete
• Owner: JonasJs
• Created: 2020-05-12T19:42:47.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T02:12:34.000Z (over 3 years ago)
• Last Synced: 2023-03-05T15:10:28.793Z (over 3 years ago)
• Topics: address, address-autocomplete, autocomplete, autocomplete-address, cep, demo, javascript, library, postal-code, repl, rollup, svelte, zip-code
• Language: Svelte
• Homepage: https://svelte-address-autocomplete.now.sh
• Size: 2.55 MB
• Stars: 8
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Svelte Adress Autocomplete

[![npm version](https://badge.fury.io/js/svelte-address-autocomplete.svg)](https://www.npmjs.com/package/svelte-address-autocomplete)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/JonasJs/svelte-address-autocomplete/blob/master/LICENSE)

[![Total alerts](https://img.shields.io/lgtm/alerts/g/JonasJs/svelte-address-autocomplete.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/JonasJs/svelte-address-autocomplete/alerts/)

[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/JonasJs/svelte-address-autocomplete.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/JonasJs/svelte-address-autocomplete/context:javascript)

Adress Autocomplete Component to Svelte

## Installation

```

npm i svelte-address-autocomplete

// OR

yarn add svelte-address-autocomplete  

```

Note: to use this library in sapper, install as devDependency. See the [link](https://github.com/sveltejs/sapper-template#using-external-components).

## Demo [Link](https://svelte-address-autocomplete.now.sh/)

[![Checkout step 1](https://user-images.githubusercontent.com/11879767/81888697-4685a800-9578-11ea-8dee-5514da205eb8.png)](https://svelte-address-autocomplete.now.sh/)

Local demo:

```

git clone https://github.com/JonasJs/svelte-address-autocomplete.git

cd svelte-address-autocomplete

yarn install && yarn start

```

## Examples

An example of how to use the library:

**[Complex example Repl](https://svelte.dev/repl/7bcbc763ca264c3cb9eb2a3ac790b705?version=3.22.2)**

**[Simple Example Repl](https://svelte.dev/repl/14fe0372c4c14fb6aebf4cb7092b8063?version=3.22.2)**

```js

  import AdressAutocomplete from "svelte-address-autocomplete"

```

```html



  
Svelte Adress Autocomplete

  

    Postal Code

    

    
{data ? data.street : 'No address'}

  



```


```css

  label {

    margin-bottom: 8px;

  }

```

## Properties

Component props:

| Prop      | Type   | Description                            |

| --------- | ------ | -------------------------------------- |

| className | string | Create a class to modify the component |

## Events

| Prop     | Type | Description                       |

| -------- | ---- | --------------------------------- |

| callback | func | callback with address information |

### Address Informations

```js

{

  neighborhood,

  zipCode,

  complement,

  city,

  street,

  fu,

}

```

## Slot Properties

| Prop  | Type   | Description         |

| ----- | ------ | ------------------- |

| data  | object | Address Information |

| error | any    | Request exception   |

## NPM Statistics

Download stats for this NPM package

[![NPM](https://nodei.co/npm/svelte-address-autocomplete.png)](https://nodei.co/npm/svelte-address-autocomplete/)

## License

Svelte Adress Autocomplete is open source software [licensed as MIT](https://github.com/JonasJs/svelte-address-autocomplete/blob/master/LICENSEE).