Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. OBS! Bred skärm samt omladdning av sidan kan behövas för att se desktopläget. Se gärna Sketchbiblioteket för referens.
Exempel
Grafisk specifikation
På sidan-navigeringen listar (av redaktör) utvalda länkar till olika kapitel i artikeln som besökaren befinner sig i. Underlättar navigering på långa artikelsidor med flera rubriker. På sidan-navigeringen är sticky och följer med även i långa artiklar.
På sidan navigeringen placeras under Lokalnavigeringen om sådan finns.
På sidan-navigeringen har blå färgskala och ligger i en blå ram med rundade hörn för att skilja den från lokalnavigeringen.
Blå rubriker på vit bakgrund, med blå streck mellan.
Hover och aktiv sida visas med vit pil i blå cirkel till vänster om rubriken.
Hörnradie 10 px.
Responsiv design
På mobil och tablet försvinner den visuella På sidan navigeringen och istället blir H2-rubrikerna utfällbara. H2 rubrikerna är kollapsade per default. Detta för att skapa motsvarande översikt över innehållet som besökaren får på desktop.
Do’s and Don’ts
Undvik alltför många H2or på sidan, så komponenten inte blir längre än sidhöjden.
Tillgänglighet
-
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | FÄRDIG FÖR TEST / INVÄNTAR GRANSKNING |
|---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |