SideNavigation er en vertikal navigasjonsmeny for sidepaneler. Betaversjonen erstatter den stabile SideNavigation, og har grupper som overskrifter, egne ekspanderbare menyelementer og plass til statusmerker og varsler.
Når bør du bruke SideNavigation?
Bruk SideNavigation til hovednavigasjonen i en applikasjon med mange sider på samme nivå – typisk et internt verktøy eller en portal. Menyen ligger i et sidepanel og er synlig hele tiden, slik at brukeren alltid ser hvor hen er.
Har du få sider, eller er navigasjonen flat, er en toppmeny som regel et bedre valg.
Grupper og undermenyer
En gruppe er en overskrift som samler beslektede menyelementer. Overskriften kan ikke klikkes, og skal beskrive hva elementene under har til felles. Bruk korte, konkrete gruppenavn.
Et ekspanderbart menyelement skjuler en undermeny bak et klikk. Bruk det når en seksjon har flere undersider enn det er plass til, og hold deg til ett nivå med undermeny – dypere nesting gjør menyen vanskelig å orientere seg i.
Undermenyen åpner seg av seg selv når et av elementene i den er markert som gjeldende side. Brukeren slipper dermed å lete seg fram til hvor hen står etter en navigering.
Statusmerke og varsel
Et menyelement kan vise et statusmerke med kort tekst, eller en varselprikk ytterst til høyre. Bruk dem sparsomt – jo flere merker, jo mindre betyr hvert av dem. Varselprikken passer når noe krever handling, statusmerket når du vil si noe om tilstanden til siden.
Kontrast og mørk modus
Menyen henter kontraststilene fra nærmeste forelder med klassen eds-contrast, og fargemodus fra nærmeste forelder med data-color-mode. Du trenger ikke sette noe på komponenten selv.
Sammenslått meny
Betaversjonen kan ikke slås sammen på egen hånd. Trenger du en meny som kan kollapse, bruk malen Portal B2B fra @entur/layout/beta – der er det sidepanelet som eier den tilstanden.