Breadcrumbs show where a page sits in the site. The nuiBreadcrumbs directive styles a native <nav> and its list; the last item is the current page, marked with aria-current="page".

A trail longer than its container scrolls sideways instead of wrapping. It starts scrolled to the end, and the ends fade where there is more to see.

A trail

Links for the pages above, then the current page as plain text with aria-current="page".

Long trails

In a narrow container the trail scrolls, starting with the current page in view.