Collapsable breadcrumb
I created this collapsable breadcrumb to display hierarchy in the breadcrumb.
Our customer have many levels of hierarchy, and they often have long names. It is hard for them to make sense of what hierarchy of data they are looking at.
To handle the amount of hierarchy levels, nodes collapse. In the minimum case a top level, and the last two levels are in display. In this case, I see "World Wide Sales" as my highest visibility, my current level is "Pacific North West", and "West" is the immediate level above. I can also click on the ellipses pill to see collapsed nodes and navigate to them directly. The screen shows hovering over "North America" node. For long names, I created rules for max pill width as well as text truncation.
Like