<!-- Generated by tools/docs.php from docs/src/breadcrumb.html - edit the source, not this file. -->

# 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.

## Examples

```html
<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>
```

## Accessibility

- 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.

## Tokens

From [`css/components/breadcrumb.css`](https://github.com/redz-tech/REDZ.UI/blob/main/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`.
