Menu Components
FlagMenu
FlagMenu - Default
FlagMenu - Sans label
FlagMenu - Sans tooltip
FlagMenu - Tooltip coloré
FlagMenu - Vertical
FlagMenu - Avec indicateurs
FlagMenu - Langues custom
FlagMenu - Désactivé
MenuNavigation
MenuNavigation - État actif (menu-active)
MenuNavigation - Horizontal
MenuNavigation - Vertical
MenuNavigation - Sans icônes
MenuNavigation - Icônes seules
MenuNavigation - Taille SM
MenuNavigation - Taille LG
MenuNavigation - Avec tooltips
MenuNavigation - Désactivé
Menu sections (menu-title)
menu-title — sections
Dropdown (menu-in-a-dropdown)
Dropdown — actions
Dernière action : —
Dropdown — liens + actif (menu-active)
« Profil » est marqué actif.
Dropdown — trigger custom + autoPosition
La position s'ajuste au viewport.
Paged menu (menu-paged)
PagedMenu — drill-down (menu-paged)
Cliquez un groupe pour descendre d'un niveau ; l'en-tête ouvert devient un bouton « Back ». 3 niveaux : Produits → Électronique → Téléphones/Ordinateurs.
Collapse persistence
NavigationProvider — defaultMode and storageKey props.
defaultMode = 'open'
Legacy behaviour — every collapse starts open. No storageKey, no persistence.
No storageKey — collapse state lives only in memory.
defaultMode = 'closed' + storageKey
All collapses start closed. Toggles persist across reloads. Group B's defaultOpen=false has no visible effect (already closed).
oihana-next-ui:demo:collapses:closed(empty)defaultMode = 'auto' + storageKey
Group A opens automatically on /lab/menus (its 'Menus page' link matches the current pathname). Group B starts closed via per-item defaultOpen=false override.
oihana-next-ui:demo:collapses:auto(empty)