Brödsmulor

Du använder brödsmulor för att hjälpa användaren att navigera samt förstå var i en webbplats eller e-tjänst den befinner sig.

Design och språk

När du ska använda brödsmulor

Använd brödsmulor när du vill hjälpa användaren att navigera bakåt på en webbplats eller e-tjänst med en hierarkisk webbplats struktur. Brödsmulor ska inte vara det enda sättet som användaren kan navigera på tuan brödsmulor ska bara komplettera ett annat navigeringssätt.

Om du använder någon annan typ av navigering, till exempel en sidpanel, är det inte säkert att användaren också behöver brödsmulor.

När du inte ska använda brödsmulor

Använd inte brödsmulor:

på en webbplats med en platt struktur
för att visa steg i ett flöde.

Komponent och kod

Komponenten driftsattes första gången i version 1.0.0.

Första nivå

Andra nivå

Tredje nivå

Fjärde nivå

HTML

<jv-breadcrumbs>
  <li><jv-link theme="light"><a href="#"><span class="sjv-i-hem c-link__icon" aria-hidden="true"></span><span>Första nivå</span></a></jv-link>
  <li><jv-link><a href="#"><span>Andra nivå</span></a></jv-link></li>
  <li><jv-link><a href="#"><span>Tredje nivå</span></a></jv-link></li>
  <li aria-current="location"><span>Fjärde nivå</span></li>
</jv-breadcrumbs>

Endast en nivå

Första nivån

HTML

<jv-breadcrumbs>
  <li aria-current="location"><span class="sjv-i-hem c-link__icon" aria-hidden="true"></span><span>Första nivån</span></li>
</jv-breadcrumbs>

Senast publicerad 2025-05-08

Sidansvarig för sidan är Styleguide