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-inputOu par le paquet, sans rien copier :
tsx
import { SearchInput } from "@sia-ui/react-web";Props
| Prop | Type | Défaut | Description |
|---|---|---|---|
clearable | boolean | true | |
clearLabel | string | — | Le bouton qui vide le champ. Par défaut, searchInput.clear de la locale. |
defaultValue | string | — | |
onSearch | (value: string) => void | — | Appelé à la validation, et après le délai si searchDelay est posé. |
onValueChange | (value: string) => void | — | |
searchDelay | number | 0 | Millisecondes 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. |
searchLabel | string | — | Le nom du champ. Par défaut, search de la locale. |
value | string | — |
Voir aussi
- Le composant dans le catalogue — états, variantes, et bac à sable.
- La référence complète — tous les composants.