...

• The page hierarchy (path) in regular text, with > as a divider between levels.

• The user’s current page at the end of the row in plain text.

• The other (parent) pages in the hierarchy as Text links.

• When a breadcrumb line exceeds the page width truncation should occur at the 2nd level of the breadcrumb, and move upward if necessary, while always keeping the first and last levels.

...

Image Added

Placement and Positioning

...

• The breadcrumb hierarchy links should behave as Text links.

• The user’s current page at the end of the row should be plain text (no link).

State	Image	Comment
Regular	Image Added
Hover	Image Added
Active	Image Added
Disabled	Image Added
Focused	Image Added
Focused Hover	Image Added
Focused Active	Image Added
Focused Disabled	Image Added

Interaction

• Every click on a link in the breadcrumb will navigate to higher level pages within that hierarchy.

...

Zeplin link	Screen thumbnail
https://zpl.io/2p6NxrjVkqxLgM	Image RemovedImage Added

Code

<<a box containing the code - discuss with Femi>>

...