Gå til sidens indhold
Det Fælles Designsystem

Vælg et tema

Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.


Kode

Brødkrumme

Åbn dette eksempel i et nyt vindue: breadcrumbs

Eksempler og retningslinjer

Installation

HTML Struktur

<nav class="breadcrumbs container" aria-label="Brødkrumme">
    <ol class="breadcrumbs__list">

        <li class="breadcrumbs__list-item">
            <a class="breadcrumbs__link" href="#">Forside</a>
        </li>

        <li class="breadcrumbs__list-item">
            <a class="breadcrumbs__link" href="#">Komponenter</a>
        </li>

        <li class="breadcrumbs__list-item" aria-current="page">Brødkrumme
        </li>

    </ol>
</nav>

Se eksempelløsningen “Sager hos AES” for placering i koden. Bemærk at brødkrummen placeres to forskellige steder, så den vises korrekt i alle skærmstørrelser.