Breadcrumbs

A trail showing the current page's location within the site hierarchy. Renders a <nav aria-label="Breadcrumb"> landmark wrapping an ordered list. Each crumb with an href is a link; the final crumb is the current page — plain text marked aria-current="page", never a link. Separators are decorative (aria-hidden). All color comes from semantic tokens; light/dark is automatic.

Default (chevron separator)

Slash separator

Deep trail (wraps on narrow viewports)

Single item (current page only — no separators)

Custom landmark name