MegaMenu

Rozbalené menu sekce z horní lišty — skupiny odkazů v jednom nebo dvou sloupcích a náhledový sloupec, který popisuje položku pod kurzorem i pod fokusem.

Kdy použít

Sekce horní lišty, která má víc obrazovek. Tlačítko sekce rozbaluje tohle menu a teprve v něm jsou odkazy.
Odkazy, které se dají poskládat do pojmenovaných skupin. Nadpis skupiny je pracovní rozdělení, ne dekorace — čtenář podle něj hledá.
Obrazovky, ke kterým se hodí jedna věta kontextu. Náhledový sloupec ji ukazuje pro položku, na které čtenář stojí, a odečítač ji slyší přímo z odkazu.
Platforma i zákaznická část. Obě sdílejí tutéž lištu i totéž menu, liší se jen obsahem skupin.

Kdy nepoužít

Sekce, která má jedinou obrazovku. Menu s jednou položkou je krok navíc — z takové sekce udělej rovnou odkaz v liště.
Sekce s víc než dvěma tucty odkazů. Menu si sloupce rozdělí samo, ale seznam všeho, co kdy vzniklo, nezachrání — taková sekce je ve skutečnosti dvě a patří do lišty zvlášť.
Nabídka akcí nad vybraným záznamem — smazat, duplikovat, exportovat. Tohle menu obsahuje odkazy na obrazovky, ne příkazy.
Rejstřík stránek uvnitř obsahu, třeba v dlouhém nastavení. Na to je IngotSideNav — je to obsah stránky, ne rám aplikace.

Vlastnosti

groups: readonly IngotMegaMenuGroup[] — Skupiny odkazů. Sloupce si menu rozdělí samo: do sedmi položek jeden, nad sedm dva; skupina se uprostřed nezlomí.
art: ReactNode — Schematická kresba sekce nad textem náhledu. Dekorativní — orientační kotva, ne informace.
label: string — Přeložený aria-label menu. Bez něj je to pro odečítač jen další navigace bez jména.
onLockedItemClick: (item) => void — Klik na zamčenou položku (locked) — typicky otevře modal s vysvětlením, co modul umí a jak se zapíná.
testId: string — Kotva pro testy. Do vzhledu nezasahuje.