plain server markup — links + a final <span>;
the last crumb is auto-marked current
two levels only · single crumb
RTL — separators flip to chevron_left
Sample usage (Django / Unpoly)
<material-breadcrumbs>
<a href="{% url 'home' %}" up-target="main">Home</a>
{% for crumb in breadcrumbs %}
<a href="{{ crumb.url }}" up-target="main">{{ crumb.title }}</a>
{% endfor %}
<span>{{ object }}</span>
</material-breadcrumbs>