Select

Výběr jedné hodnoty z krátké množiny — filtr nad seznamem, přepínač varianty v nastavení. Nativní select: klávesnice, odečítač i mobil zadarmo.

Kdy použít

Filtr nad seznamem s pevnou, krátkou množinou hodnot — stav, tarif, region. První volba je „všechny“, protože filtr vždycky v nějakém stavu je.
Pole nastavení, kde se vybírá jedna z několika pojmenovaných variant a varianty se nemění za běhu.
Vedle dalších filtrů v IngotToolbar — tam, kde viditelný popisek nahrazuje srozumitelná první volba.

Množina, ve které se hledá — desítky materiálů, stovky kontaktů. Nativní select se v ní nedá prohledávat; takové pole si řekne o vlastní primitivum s hledáním, až bude mít žadatele.
Výběr více hodnot najednou. Na sadu nezávislých přepínačů je IngotCheckbox.
Přepnutí mezi dvěma až třemi pohledy na tutéž obrazovku — to jsou IngotTabs, ne formulářový prvek.

value: string — Aktuální hodnota. Řízené zvenčí — filtr žije ve stavu obrazovky.
onChange: (next: string) => void — Nová hodnota při každé změně.
options: readonly IngotSelectOption[] — Volby v pořadí, ve kterém je má čtenář číst. U filtru je první „všechny“.
label: string — Přeložený aria-label. Povinný — filtr bar viditelný popisek nemívá a bez jména odečítač čte jen hodnotu.
disabled: boolean — Vypnutý výběr. Výchozí false.
id: string — Pro obrazovky s viditelným <label htmlFor> — pak je label týž text.
className: string — Průchozí třída — šířku určuje obrazovka, vzhled primitivum.
testId: string — Kotva pro testy. Do vzhledu nezasahuje.