2.3 #Components.Breadcrumb Breadcrumb
Toggle example guides Toggle HTML markup
Nawigacja okruszkowa. Wariant .breadcrumb--back przełącza na tryb
„wstecz" (jeden link zwrotny). Stan .breadcrumb--expanded rozwija
skróconą ścieżkę.
Examples
Default styling
.breadcrumb--back
Tryb nawigacji powrót
.breadcrumb--expanded
Rozwinięta ścieżka (wieloelementowa)
Markup: breadcrumb.html
<!-- Breadcrumb: Default -->
<nav class="breadcrumb [modifier class]">
<a class="breadcrumb__link" href="#">Strona główna</a>
<span class="breadcrumb__separator">/</span>
<a class="breadcrumb__link" href="#">Produkty</a>
<span class="breadcrumb__separator">/</span>
<span class="breadcrumb__current">Winston Classic</span>
</nav>
Source:
src/scss/components/_breadcrumb.scss, line 1