Breadcrumb

A breadcrumb is navigational pattern that shows users their current location relative to the information architecture and enable them to move up to a parent level or previous step.

Overview / Hero - AF

Anatomy

A breadcrumb is an unordered list comprising horizontally distributed list items. Every item is separated with a chevron icon to visually indicate the path. Therefore, it follows a simple anatomy consisting of links (interactive) and the current location (static). However, on the smallest viewports, we display fewer items. See "Behaviour" on the Usage page.

Overview / Anatomy - AF