NeedField
Le champ « Que recherchez-vous ? », avec les suggestions de l'ancien site : organisations et établissements d'abord, puis catégories, puis la recherche libre. Sans JavaScript, un champ de texte ordinaire ; 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 suggestions côté serveur, avec des exemples (Restos du Cœur, Croix-Rouge, Distribution de repas). Sur le site, c'est la frappe qui l'ouvre.
L'intitulé du champ, au-dessus. Il nomme aussi la liste pour les lecteurs d'écran.
Le texte d'exemple, dans le champ vide.
Le texte déjà tapé. Avec « open », il apparaît aussi sous « Rechercher l'expression ».
Le code correspondant
import NeedField from "@neo/ui/components/NeedField.astro";
<NeedField suggestionsUrl={"#"} fuseOptions={{}} labels={{"suggestions":"Suggestions","expression":"Rechercher l'expression","organization":"Organisation","establishment":"Établissement","results":"résultats"}} preview={[{"title":"Restos du Cœur","detail":"Organisation","image":"/_astro/restos-du-coeur.D6oBIi58.svg"},{"title":"Croix-Rouge française","detail":"Organisation","image":"/_astro/croix-rouge.B9OStv2r.svg"},{"title":"Accueil de jour","detail":"Établissement"},{"title":"Distribution de repas","iconClass":"category-icon-food_distribution_outlined"}]} />