Les propriétés du composant
Callback pour les changements de filtres
État actuel des filtres
Liste des épreuves pour le filtrage contextuel
Interface de recherche mobile expansible avec filtrage intelligent
// Utilisation basique dans un layout mobile
<SearchEpreuveMobile
onFiltersChange={handleFiltersChange}
filters={currentFilters}
epreuves={epreuvesData}
/>
// Avec gestion d'état complète
const [filters, setFilters] = useState<EpreuveFilters>({});
const [epreuves] = useEpreuves();
<SearchEpreuveMobile
onFiltersChange={(newFilters) => {
setFilters(newFilters);
applyFiltersToResults(newFilters);
}}
filters={filters}
epreuves={epreuves}
/>
// Interface responsive intégrée
const isMobile = useIsMobile();
if (isMobile) {
return <SearchEpreuveMobile {...searchProps} />;
}
Composant SearchEpreuveMobile pour la recherche et le filtrage des épreuves sur mobile. Voir la documentation du module ci-dessus pour les détails complets.
Le composant offre une interface mobile optimisée avec un design expansible pour économiser l'espace écran. Il intègre une recherche intelligente avec autocomplete et debounce pour une expérience utilisateur fluide et performante.