Breadcrumbs
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta eum architecto minus deserunt reiciendis debitis distinctio sit, modi, id! Vel a provident, rerum eius est placeat fugiat incidunt officiis id.
<ol class="breadcrumbs">
<li>...</li>
<li>...</li>
<li>...</li>
</ol>Knobs
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis necessitatibus repellat cumque, vitae quas inventore, libero officiis impedit soluta, facilis excepturi dolore adipisci doloribus repellendus magnam et quis, maiores sit.
<ol class="breadcrumbs knobs">
<li>...</li>
<li>...</li>
<li>...</li>
</ol>Steps
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui itaque quasi, laboriosam saepe unde! Doloremque nemo dolorum aliquid alias quia. Amet ab doloribus consequatur pariatur cum. Rem suscipit obcaecati, error.
Laborum, minus. Nam sint laborum id quo doloribus labore eligendi, temporibus repellendus consequatur veritatis. Laudantium temporibus odit dolorem vel tempore atque itaque, impedit voluptates quo nisi iste quidem amet voluptatem!
<ul class="breadcrumbs steps">
<li>
<a href="...">...</a>
</li>
<li class="active">
<span>...</span>
</li>
<li>
<a href="...">...</a>
</li>
</ul>Icons
Aperiam quidem pariatur dolor, neque, accusamus nulla laboriosam omnis! Consequatur odit vitae in nihil quod laboriosam expedita repellendus numquam cum, iste exercitationem, excepturi dolorem quasi magni vel tenetur ex nostrum?
<ul class="breadcrumbs steps icons">
<li>
<a href="...">
<svg class="icon">...</svg>
...
</a>
</li>
<li class="active">
<span>
<svg class="icon">...</svg>
...
</span>
</li>
<li>
<a href="...">
<svg class="icon">...</svg>
...
</a>
</li>
</ul>Vertical
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum similique impedit deleniti tenetur maiores tempore nobis, quidem voluptates adipisci obcaecati veniam, cumque quo. Aperiam perferendis dignissimos, rerum omnis, pariatur optio!
<ul class="breadcrumbs steps vertical">...</ul>