Google-location-autocomplete-react NPM

Google Location Autocomplete for React

google-location-autocomplete-react is a simple and reusable React component that leverages the Google Maps Places Autocomplete API. It allows for easy integration of Google's location autocomplete functionality into your React applications.

Repository

The source code is available at GitHub.

Feel free to dive in, open issues, and submit pull requests. Contributions are welcome!

Features

Easy integration with React projects.
Customizable styling using className prop.
Utilizes Google Maps Places Autocomplete API.

Installation

To install the component, run the following command in your project directory:

npm install google-location-autocomplete-react

Usage

Here's a basic example of how to use the GoogleLocationAutocomplete component in your React application:

import React from 'react';
import GoogleLocationAutocomplete from 'google-location-autocomplete-react';

function MyComponent() {
  return (
    <div>
      <GoogleLocationAutocomplete
        apiKey="YOUR_GOOGLE_API_KEY"
        className="your-custom-class"
      />
    </div>
  );
}

export default MyComponent;

Replace "YOUR_GOOGLE_API_KEY" with your actual Google API key. Apply any custom styling by replacing "your-custom-class" with your desired Tailwind CSS or custom CSS classes.