React Address Autocomplete

Address lookup component made in React. You can search via anything from postcodes, towns, countries and this component will try to retrieve a list of possibilities

Also provides events like onSelected to useful information such as:

• lattitude
• longitude
• country code
• postal code
• state
• zip code

The field has been minimum styling applied so you can utilise your own colors, fonts and ui.

Demo

Full working example: https://rottitime.github.io/react-address-autocomplete/?path=/story/addressautocomplete--default

Installation

React Address Autocomplete

React Address Autocomplete is available as an npm package.

npm:

npm install @rottitime/react-address-autocomplete

Getting started with React Address Autocomplete

Here is an example of a basic app using Material UI's AddressAutocomplete component:

import { AddressAutocomplete } from '@rottitime/react-address-autocomplete'

function App() {
  return <AddressAutocomplete />
}

Props

• onSelected: Triggers once an address has been selected from the list
• onChange: as input field changes
• countrycodes: Limit search results to one or more countries. must be the ISO 3166-1alpha2 e.g. gb for the United Kingdom, de for Germany.
• label: input field label
• disableStyles: Remove all styles, Useful if you want to apply your own designs
• all other props for input can also be passed

Donations

Your support means so much to me! If you want to treat me you can do so here, but non-financial support is appreciated as much. I’d love it if you’d tell your friends about my app or about my work. On the bottom of the page you can find how your donation is used.