System
Menu

Componenten / Uitgebreid / Navigatie

Kruimelpad

Waar ben ik: pad naar de huidige pagina.

UitgebreidNavigatie1 instellingenbreadcrumb

Voorbeeld

Instellingen

Laden…

<nav class="gx-crumbs gx-crumbs--slash" aria-label="Kruimelpad">
  <ol>
    <li>
      <a href="#">GXJ World</a>
    </li>
    <li>
      <a href="#">Studios</a>
    </li>
    <li>
      <a href="#" aria-current="page">Brandbook</a>
    </li>
  </ol>
</nav>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

SleutelInstellingWaardenStandaard
separatorScheidingslash chevronslash

Richtlijnen

Toegankelijkheid

  • nav + ol, laatste item aria-current=page.

Wel

  • Vanaf twee niveaus diep.

Niet

  • Als vervanging van de hoofdnavigatie.

Verwant

Header en navigatieLockup links, menu en actie rechts. Mobiel een uitklapmenu met details/summary: werkt zonder JavaScript.
PagineringDoor lijsten bladeren met vorige/volgende en paginanummers.
FooterAfsluiting met lockup, contact en links. Eenvoudig (één regel, zoals World) of in kolommen.
Hoek-chromeVaste labels in de vier hoeken (World/Portfolea): woordmerk + rol, menu, status met stip en een rollende teller.