Gå til sidens indhold

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

Eksempel på brødkrumme komponent

Eksempler og retningslinjer

Installation

HTML Struktur

Kodeeksempel
<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 “Sagsoversigt” for placering i koden. Bemærk at brødkrummen placeres to forskellige steder, så den vises korrekt i alle skærmstørrelser.