RZREDZ.UI

Breadcrumbs

The way up from a record to the list it belongs to, above the record's title. The separators are drawn by CSS and turn with the direction.

<nav aria-label="Breadcrumb">
	<ol class="breadcrumb">
		<li class="breadcrumb-item"><a href="#breadcrumb-trail">Content</a></li>
		<li class="breadcrumb-item"><a href="#breadcrumb-trail">Excursions</a></li>
		<li class="breadcrumb-item" aria-current="page">North Bay</li>
	</ol>
</nav>
  • A <nav aria-label="Breadcrumb"> around an ordered list; the last item is the page itself, aria-current="page", not a link.
  • The separators are not read: they are drawn, not written.

From css/components/breadcrumb.css, which declares no custom property of its own.

It reads the theme's --redz-text-muted, --redz-fs-12, --redz-text-faint.