ActionBar

Lišta pod dlouhým formulářem: to, kvůli čemu čtenář přišel, je v dosahu i po devátém poli. Přilepená, ne plovoucí — nic nezakrývá.

Kdy použít

Formulář delší než obrazovka. Uložit na konci stránky, ke kterému se nikdo nedoroluje, je totéž jako žádné Uložit.
Obrazovka, kde se dá něco rozdělat a nedokončit. Stav „Neuložené změny“ vedle akce říká, proč tam ta akce ještě je.

Krátký formulář, který se vejde na obrazovku. Přilepená lišta pod ním je rám kolem tlačítka, které bylo vidět celou dobu.
Akce nad seznamem — filtry, hromadné operace, „Nový záznam“. To je IngotToolbar a stojí nad daty, ne pod nimi.
Potvrzení v modálním okně. To má vlastní patičku a vlastní pravidla fokusu — IngotModal, IngotConfirm.

primary: ReactNode — Akce, kvůli které obrazovka je. Vpravo, kde skončí ruka po posledním poli.
secondary: ReactNode — Zrušit, zpět, „uložit jako koncept“. Vlevo, daleko od primární — dvě akce vedle sebe se zmáčknou špatně.
status: ReactNode — Jedna krátká věta vedle akcí („Neuložené změny“, „Uloženo“), už přeložená. Kit neví, jestli se něco změnilo.
dirty: boolean — Jsou neuložené změny. Kreslí tečku před `status`, aby stav nenesla jen slova — kdo přebíhá očima, uvidí značku dřív, než větu přečte.
onSave: () => void — Ctrl/Cmd+S uloží. Vypnuté, dokud si o to obrazovka neřekne: zkratka patří obrazovce, která JE formulář, a pod seznamem by ukradla prohlížeči Uložit čtenáři, který chtěl stránku.
className: string — Jen umístění. Vzhled lišty se nemění.
testId: string — Kotva pro testy.