react-geocoder

npm install @mapbox/react-geocoder

A geocoder component using Mapbox.

Storybook

To see options in Storybook run:

yarn storybook

NOTE: You MUST put export default 'your-api-key'; in ACCESS_TOKEN.js for this to work.

api

An accessToken is assumed to be a valid Mapbox accessToken.

<Geocoder
  accessToken=required string
  onSelect=required function
  onSuggest=optional function
  source=optional string, default 'mapbox.places'
  endpoint=optional string, default 'http://api.tiles.mapbox.com'
  inputClass=optional string, default ''
  inputPlaceholder=optional string, default 'Search'
  resultClass=optional string, default ''
  resultsClass=optional string, default ''
  showLoader=optional string, default ''
  inputPosition=optional string, default 'top', can be 'bottom'
  resultFocusClass=optional string, default 'strong'
  proximity=optional string, default '',
  bbox=optional string, default '',
  types=optional string, default '',
  focusOnMount=optional bool, default true
  />

Building

Use Storybook to ensure everything looks right. Then

yarn build