Terug naar hoofdmenu knop

Introductie

Bied een soepele gebruikerservaring aan door bij lange pagina’s en documenten gebruik te maken van de “Terug naar hoofdmenu”-knop.

Snelstart

SCSS importeren:

    
      
    
    @use "@minvws/manon/components/button-to-top";
  

Benodigde stappen

1. Voeg de knop aan het einde van de main toe.
2. Voeg de link naar de hoofdnavigatie toe.
   • Voeg aan de hoofdnavigatie een id toe. Bijvoorbeeld: "main-content".
   • Voeg binnen de link de corresponderende verwijzing toe. Zie het HTML-voorbeeld voor meer informatie.

Voorbeelden

Component

Terug naar het hoofdmenu

    
      
    
    <a href="#main-content" class="button to-top" title="Terug naar het hoofdmenu"
  >Terug naar het hoofdmenu</a
>
  

Structuur

    
      
    
    <main id="main-content">
  <!-- content within the main component -->
  <a href="#main-content" class="button to-top" title="Terug naar het hoofdmenu"
    >Terug naar het hoofdmenu</a
  >
</main>