UNPKG

chakra-ui-google-places-autocomplete

Version:
77 lines (58 loc) 2.3 kB
<p align="center"> <a href="https://tintef.github.io/chakra-ui-google-places-autocomplete" target="_blank"> <img width="250"src="https://raw.githubusercontent.com/tintef/chakra-ui-google-places-autocomplete/master/docs/static/img/logo.svg"> </a> </p> <p align="center"> <a href="https://www.npmjs.com/package/chakra-ui-google-places-autocomplete"> <img src="https://img.shields.io/npm/v/chakra-ui-google-places-autocomplete.svg"/> <img src="https://img.shields.io/npm/dm/chakra-ui-google-places-autocomplete.svg"/> </a> <a href="https://travis-ci.org/tintef/chakra-ui-google-places-autocomplete"> <img src="https://www.travis-ci.com/Tintef/chakra-ui-google-places-autocomplete.svg?branch=master" /> </a> <a href="https://packagequality.com/#?package=chakra-ui-google-places-autocomplete"> <img src="https://npm.packagequality.com/shield/chakra-ui-google-places-autocomplete.svg"/> </a> <a href="https://www.npmjs.com/package/chakra-ui-google-places-autocomplete"> <img src="https://img.shields.io/npm/l/chakra-ui-google-places-autocomplete.svg" alt="License"> </a> </p> # Chakra UI Google Places Autocomplete React component for easily use Google Places Autocomplete ## Getting started Install the latest version: ```sh npm install --save chakra-ui-google-places-autocomplete or yarn add chakra-ui-google-places-autocomplete ``` Use the component! ```js import React from 'react'; import GooglePlacesAutocomplete from 'chakra-ui-google-places-autocomplete'; const Component = () => ( <div> <GooglePlacesAutocomplete apiKey="****" /> </div> ); export default Component; ``` ## Documentation [**Read The Docs**](https://tintef.github.io/chakra-ui-google-places-autocomplete) ## How to contribute? 1. Fork this repo 2. Clone your fork 3. Code 🤓 4. Test your changes 5. Submit a PR! ## How to publish? For this, I like to use [np](https://github.com/sindresorhus/np) 1. Install [np](https://github.com/sindresorhus/np) 2. Build project with `yarn build` or `npm run build` 3. Publish the package with np: `np --no-tests` <br /> <br /> <p align="center"> Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> </p>