Breadcrumbs are used to navigate and to indicate the currently viewed page.
In Dynatrace we use hierarchy-based breadcrumbs. Each item in the navigation bar represents a page. The navigation bar is always on the top of the page, underneath the menubar and is themeable.
background-color: main theme color font-familiy: Bernina Sans Regular font-size: 14px color: #fff height: 32px width: 100% vertical-align: center
x: 8px y: 2px
background-color: theme color shade 500
background-color: main theme color
background-color: theme hover color
background-color: theme active color
The navigation bar can't be disabled
The navigation bar is not animated.
Behavior and corner cases
If there is not enough space to show all items, names can be abbreviated. Multiple items can be collapsed to one - not clickable - item. Use the more icon to indicate this. The link to the first view and the indicator for the currently viewed page should always stay.