HomeComponents

Breadcrumbs

Display hierarchy of current page within site.

Examples

Type
Breadcrumbs
1 level
First Level
2 levels
First LevelSecond Level
3+ levels
First Level linkSecond Level link3rd Level link4th link5th link

Usage

<!-- Breadcrumbs -->
<div class="ui-breadcrumbs">
  <span class="ui-breadcrumbs__item"><a href="#">...</a></span>
  <span class="ui-breadcrumbs__item"><a href="#">...</a></span>
  <span class="ui-breadcrumbs__item"><a href="#">...</a></span>
  <span class="ui-breadcrumbs__item"><a href="#">...</a></span>
  <span class="ui-breadcrumbs__item"><a href="#">...</a></span>
</div>
Refinitiv © 2020