@anil-labs/google-places-autocomplete-solid

Solid address autocomplete component built on Google's Places API (New).

Install

npm install @anil-labs/google-places-autocomplete-solid

Usage

import { PlacesAutocomplete } from '@anil-labs/google-places-autocomplete-solid'
import '@anil-labs/google-places-autocomplete-core/styles.css'
import type { PlaceDetails } from '@anil-labs/google-places-autocomplete-core'

export function App() {
  return (
    <PlacesAutocomplete
      apiKey="YOUR_API_KEY"
      placeholder="Search for an address…"
      onSelect={(place: PlaceDetails) => console.log(place.formattedAddress)}
      onError={(error) => console.error(error)}
    />
  )
}

Full documentation: Solid guide · getting started (Google Cloud setup) · API reference.

Props

All PlacesAutocompleteConfig fields, plus value/onValueChange (controlled input), onSelect, onError, placeholder, class. apiKey/debounceMs/etc. are read once at construction — remount to change them.

License

MIT © Er. Anil Kumar Thakur