Description
The breadcrumb navigation is to be shown below the header of each subpage. It allows the user to see where on the website the current page is located.
Usage
The standard position of the Breadcrumb is below the cockpit (if there is no header), or below the header.
There are two layout options available:
- left aligned: To be used on pages that have Text or other components as first content elements just like the description text on this page.
- centered: To be used when the first content elements are displayed centered.
Component Types and placement
This component will show:
- The Link to the homepage of the current language version as a "house" icon
- Depending on the hierarchy it can show multiple pages that represent the navigation from the top level down to the content page
- The current page is the last entry in the list and is not linked
- The breadcrumb is only visible from breakpoint LG (> 992px) and wider
- Every Navigation Level will be shown as Hyperlink or Deeplink
- Home/Start will be always linked as Toplevel
- The active Level is always without linkage (deactive), every other level is linked
- Every level will be separated by arrow icons (SVG)
- Breadcrumb default state should be active
