PlaceField
Le champ « à proximité de ? », avec les lieux de Location API — « Ville - Bordeaux (33000) », une adresse telle quelle — et le bouton « Me géolocaliser ». Son script n'est chargé qu'au premier usage. SoliBook ne rejoue pas ce script : la liste se voit avec « open ».
- -
Réglages
Chaque réglage correspond à une propriété du composant.
Dessine la liste de lieux côté serveur, avec des exemples (une ville, deux adresses). Sur le site, c'est la frappe qui l'ouvre, à partir de trois caractères.
Le bouton « Me géolocaliser », à droite du champ. Sur le site, il disparaît si le navigateur ne sait pas géolocaliser.
L'intitulé du champ, au-dessus. Il nomme aussi la liste pour les lecteurs d'écran.
Le texte déjà tapé.
Le code correspondant
import PlaceField from "@neo/ui/components/PlaceField.astro";
<PlaceField locationsUrl={"#"} labels={{"geolocate":"Me géolocaliser","errorDenied":"Vous devez autoriser le navigateur à récupérer votre position","errorUnavailable":"Impossible de vous localiser","results":"résultats"}} preview={[{"prefix":"Ville","title":"Bordeaux (33000)"},{"title":"Bordeaux Lac, 33000 Bordeaux"},{"title":"Bordeau, 79300 Bressuire"}]} />