Le fil d’Ariane est un système de navigation secondaire qui permet à l’utilisateur de se situer sur le site qu’il consulte.
Documentation<nav role="navigation" class="fr-breadcrumb" aria-label="vous êtes ici :">
<button class="fr-breadcrumb__button" aria-expanded="false" aria-controls="breadcrumb-680">Voir le fil d’Ariane</button>
<div class="fr-collapse" id="breadcrumb-680">
<ol class="fr-breadcrumb__list">
<li>
<a class="fr-breadcrumb__link" href="/">Accueil</a>
</li>
<li>
<a class="fr-breadcrumb__link" href="/segment-1/">Segment 1 : lorem ipsum</a>
</li>
<li>
<a class="fr-breadcrumb__link" href="/segment-1/segment-2/">Segment 2 : lorem ipsum</a>
</li>
<li>
<a class="fr-breadcrumb__link" href="/segment-1/segment-2/segment-3/">Segment 3 : lorem ipsum</a>
</li>
<li>
<a class="fr-breadcrumb__link" href="/segment-1/segment-2/segment-3/segment-4/">Segment 4 : lorem ipsum dolor sit amet</a>
</li>
<li>
<a class="fr-breadcrumb__link" href="/segment-1/segment-2/segment-3/segment-4/segment-5/">Segment 5 : lorem ipsum</a>
</li>
<li>
<a class="fr-breadcrumb__link" href="/segment-1/segment-2/segment-3/segment-4/segment-5/segment-6/">Segment 6 : lorem ipsum</a>
</li>
<li>
<a class="fr-breadcrumb__link" href="/segment-1/segment-2/segment-3/segment-4/segment-5/segment-6/segment-7/">Segment 7 : lorem ipsum</a>
</li>
<li>
<a class="fr-breadcrumb__link" aria-current="page">Page Actuelle</a>
</li>
</ol>
</div>
</nav>