SearchInput

Hledací pole nad seznamem — první prvek filtr baru. Filtruje, nevyhledává: zužuje seznam každým úhozem, žádné tlačítko Hledat.

Kdy použít

První prvek IngotToolbar nad seznamem, kde se záznam hledá podle názvu, kódu nebo slugu.
Seznamy, kde je záznamů víc, než se vejde na obrazovku — hledání je rychlejší než listování pagerem.

Hledání přes celý produkt z horní lišty. Takové v produktu není — a kdyby vzniklo, je to vlastní primitivum s výsledky, ne pole nad jedním seznamem.
Pole formuláře, do kterého se zapisuje hodnota. Tohle pole nic neukládá — jen zužuje, co je vidět.

value: string — Aktuální dotaz. Řízené zvenčí.
onChange: (next: string) => void — Nový dotaz při každém úhozu. Debounce si drží volající u dat — pole neví, jestli za dotazem stojí síťový požadavek.
label: string — Přeložený aria-label. Placeholder jméno nenahradí — po vyplnění zmizí.
placeholder: string — Přeložená nápověda formátu („Hledat podle názvu nebo kódu…“).
disabled: boolean — Vypnuté pole. Výchozí false.
ref: React.Ref<HTMLInputElement> — Ref na samotné pole — pro klávesovou zkratku, která do hledání skáče. Ne na fokus po mountu; ten patří autoFocus.
className: string — Průchozí třída obalu — šířku určuje obrazovka.
testId: string — Kotva pro testy — na inputu.