Navigatie

Introductie

Navigatie verwijst naar de onderdelen van een website of app waarmee gebruikers zich door de inhoud kunnen bewegen, zoals menu’s, knoppen en links. Het zorgt voor een overzichtelijke en efficiënte gebruikerservaring.

Snelstart

SCSS importeren:

    
      
    
    @use "@minvws/manon/components/navigation";
  

Voorbeelden:

Voorbeeld: nav ul

    
      
    
    <nav>
  <ul>
    <li><a href="#">Voorbeeld-link 1</a></li>
    <li><a href="#">Voorbeeld-link 2</a></li>
    <li><a href="#">Voorbeeld-link 3</a></li>
  </ul>
</nav>
  

Voorbeeld: nav ul horizontaal uitgelijnd

    
      
    
    <nav>
  <ul class="horizontal">
    <li><a href="#">Voorbeeld-link 1</a></li>
    <li><a href="#">Voorbeeld-link 2</a></li>
    <li><a href="#">Voorbeeld-link 3</a></li>
  </ul>
</nav>