Elevate your React applications with react-ban-autocomplete, a sleek and efficient address input component. This package is crafted to enhance user interaction through streamlined address searching and selection.
- Efficient Address Lookup: Utilizes
api-adresse.data.gouv.frto fetch address suggestions swiftly and accurately. - Flexible and Easy to Integrate: Designed to fit effortlessly into your existing React projects.
- Customizable UI: Tailor the appearance to match your app's styling and theme.
- Responsive Design: Ensures a seamless user experience across various devices.
Install the package using npm:
npm install react-ban-autocompleteOr using yarn:
yarn add react-ban-autocompleteHere's a quick guide to get you started:
import React from 'react';
import AutocompleteBan from 'react-ban-autocomplete';
const App = () => {
return <AutocompleteBan maxResults={5} />;
};
export default App;- maxResults: (Optional) Max number of address suggestions to display.
- minCharacters: (Optional) Minimum characters to start search.
Contributions are welcome! If you're looking to contribute, please follow our contributing guidelines.
react-ban-autocomplete is MIT licensed. See the LICENSE file for details.
A special thanks to Thibaut Gery for the inspiration provided by the ban-autocomplete-react project.