Breadcrumb

Navigation breadcrumbs from a list of links. Each linked item is a navigable breadcrumb, and the last item (without a link) represents the current page.

Basic usage

A breadcrumb trail using the default / separator.

{% breadcrumb %}
- [Home](/)
- [Getting started](/docs/getting-started)
- [Tabs](/docs/runes/tabs)
- Breadcrumb
{% /breadcrumb %}

Custom separator

Use the separator attribute to change the divider between items.

{% breadcrumb separator="›" %}
- [Home](/)
- [Getting started](/docs/getting-started)
- Current page
{% /breadcrumb %}

Attributes

AttributeTypeDefaultDescription
separatorstring'/'Character displayed between breadcrumb items