MapZen backed autocomplete with react
npm install react-address-autocomplete``
import AddressAutocomplete from 'react-address-autocomplete';
class SearchPage extends React.Component {
constructor(props) {
super(props);
this.state = {
search: "",
latitude: Infinity,
longitude: Infinity
};
}
render() {
return (
Style Guide
Use the following classes as a guide to styling the search input as well as the autocomplete list.
$3
`
.address-autocomplete-container {
.address-autocomplete-input-container {
...
}
...
}
`$3
`
.collection.autocomplete {
.collection-item.autocomplete {
...
}
.collection-item.autocomplete.active {
...
}
...
}
``