It's a direct port of Leaflet-photon code available at https://github.com/komoot/leaflet.photon
The Leaflet demo is in production for the French BAN (Base Adresse Nationale), a database dedicated to French adresses. You can see it in action at http://adresse.data.gouv.fr/map/
We made the component so you can choose to use it with any map libraries like OpenLayers or MapLibre or simply outside without any map part.
You can see multiples demos in action:
For integration, instead of local links like in the demos, you can use
<script src="https://unpkg.com/@webgeodatavore/photon-geocoder-autocomplete@2.0.1/dist/photon-geocoder-autocomplete.min.js"></script>and
<link rel="stylesheet" href="https://unpkg.com/@webgeodatavore/photon-geocoder-autocomplete@2.0.1/dist/photon-geocoder-autocomplete.min.css" type="text/css">
Feel free to open an issue if you see some errors or improvements to do.
You can also directly contact us at contact(at)@webgeodatavore.com or ping us on Twitter