Breadcrumbs

Elements

The component is composed of multiple elements:

  • breadcrumbs the wrapper
    • breadcrumbs__item a link
<div class="breadcrumbs">
  <a href="#" class="text breadcrumbs__item">Step 1</a>
  <a href="#" class="text caption breadcrumbs__item">Step 2</a>
  <a href="#" class="text caption breadcrumbs__item">Step 3</a>
</div>

Properties

Add classes to the wrapper class to change the style of the component.

Arrow

Use an arrow as link separator.

class="breadcrumbs breadcrumbs--arrow"