Ingelogd als

Introductie

“Ingelogd als:” is een label dat toont welke gebruiker momenteel is ingelogd, zodat login-informatie en relevante metadata duidelijk zichtbaar zijn.

Snelstart

    
      
    
    @use "@minvws/manon/components/login-meta";
  

Voorbeelden

Voorbeeld: Ingelogd als informatie

Ingelogd als: Jane Doe

    
      
    
    <p class="login-meta">Ingelogd als: <a href="">Jane Doe</a></p>
  

Voorbeeld: Binnen header

    
      
    
    <header>
  <div class="content-wrapper">
    <a href="#main-content" class="button focus-only skip-to-content">Ga direct naar inhoud</a>

    <nav
      data-open-label="Menu"
      data-close-label="Sluit menu"
      data-media="(min-width: 30rem)"
      aria-label="Hoofdnavigatie"
      class="collapsible"
    >
      <div class="content-wrapper collapsing-element">
        <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>

        <ul class="actions">
          <p class="login-meta">Ingelogd als: <a href="login-meta">Jane Doe</a></p>
        </ul>
      </div>
    </nav>
  </div>
</header>

<main id="main-content"></main>