react-address-autocomplete

Controlled MapZen address autocomplete component for react.

Example

``
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 {
...
}
...
}
``