Breadcrumbs

1. First step
2. Second step
3. Third step
4. Current page

Voorbeeld HTML

<ol class="rvo-breadcrumbs rvo-breadcrumbs--sm">
  <li class="rvo-breadcrumbs-item">
    <a class="rvo-link rvo-link--no-underline" href="#">
      First step
    </a>
  </li>
  <li class="rvo-breadcrumbs-item">
    <span
      class="utrecht-icon rvo-icon rvo-icon-delta-naar-rechts rvo-icon--xs rvo-icon--hemelblauw"
      role="img"
      aria-label="Delta naar rechts"
    ></span>
    <a class="rvo-link rvo-link--no-underline" href="#">
      Second step
    </a>
  </li>
  <li class="rvo-breadcrumbs-item">
    <span
      class="utrecht-icon rvo-icon rvo-icon-delta-naar-rechts rvo-icon--xs rvo-icon--hemelblauw"
      role="img"
      aria-label="Delta naar rechts"
    ></span>
    <a class="rvo-link rvo-link--no-underline" href="#">
      Third step
    </a>
  </li>
  <li class="rvo-breadcrumbs-item">
    <span
      class="utrecht-icon rvo-icon rvo-icon-delta-naar-rechts rvo-icon--xs rvo-icon--hemelblauw"
      role="img"
      aria-label="Delta naar rechts"
    ></span>
    <span class="rvo-breadcrumb-current-page">Current page</span>
  </li>
</ol>

Open in nieuwe tab

Documentation for breadcrumbs