https://github.com/Tintef/react-google-places-autocomplete
React Google Places Autocomplete input -- fully customizable
https://github.com/Tintef/react-google-places-autocomplete
autocomplete google-maps-places hacktoberfest react
Last synced: 11 months ago
JSON representation
React Google Places Autocomplete input -- fully customizable
- Host: GitHub
- URL: https://github.com/Tintef/react-google-places-autocomplete
- Owner: Tintef
- License: mit
- Created: 2019-01-08T23:27:01.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-09-24T08:29:51.000Z (over 1 year ago)
- Last Synced: 2025-06-21T01:35:41.992Z (about 1 year ago)
- Topics: autocomplete, google-maps-places, hacktoberfest, react
- Language: TypeScript
- Homepage: https://tintef.github.io/react-google-places-autocomplete
- Size: 1.74 MB
- Stars: 383
- Watchers: 4
- Forks: 168
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Google Places Autocomplete
React component for easily use Google Places Autocomplete
## Getting started
Install the latest version:
```sh
npm install --save react-google-places-autocomplete
or
yarn add react-google-places-autocomplete
```
Use the component!
```js
import React from 'react';
import GooglePlacesAutocomplete from 'react-google-places-autocomplete';
const Component = () => (
);
export default Component;
```
**Coming from v2? Check the [migration guide](https://tintef.github.io/react-google-places-autocomplete/docs/v2-to-v3)**
## Documentation
[**Read The Docs**](https://tintef.github.io/react-google-places-autocomplete)
## How to contribute?
1. Fork this repo
2. Clone your fork
3. Code 🤓
4. Test your changes
For this, I like to use [yalc](https://github.com/whitecolor/yalc), as it allows to emulate the process of using npm/yarn.
1. Install [yalc](https://github.com/whitecolor/yalc)
2. Build project with `yarn build` or `npm run build`
3. Publish the package with yalc: `yalc publish`
4. Add the package to your test project `yalc add react-google-places-automocomplete`
5. If needed, to update the package on your test project: `yalc update react-google-places-autocomplete`
5. Submit a PR!
Icons made by Freepik from www.flaticon.com