Skip to content

SearchInput ​

Une recherche, avec son délai.

searchDelay vaut zéro par défaut : la recherche ne part qu'à la validation. C'est le réglage sûr — une requête à chaque frappe se paie en appels serveur, et le défaut ne doit pas engager ce coût sans qu'on l'ait demandé.

Installation ​

bash
sia-ui add search-input

Ou par le paquet, sans rien copier :

tsx
import { SearchInput } from "@sia-ui/react-web";

Props ​

PropTypeDéfautDescription
clearablebooleantrue
clearLabelstring—Le bouton qui vide le champ. Par défaut, searchInput.clear de la locale.
defaultValuestring—
onSearch(value: string) => void—Appelé à la validation, et après le délai si searchDelay est posé.
onValueChange(value: string) => void—
searchDelaynumber0Millisecondes d'inactivité avant de déclencher onSearch. 0 — le défaut — ne déclenche qu'à la validation. Au-delà, la recherche part quand la frappe s'arrête : c'est ce que chaque projet réécrivait autour de ce champ.
searchLabelstring—Le nom du champ. Par défaut, search de la locale.
valuestring—

Voir aussi ​

Publié sous licence MIT.