The Context Navigation Component is a slim navigation bar with freely definable links. It is especially useful for long pages, providing users with quick orientation and direct jump points.
Within the component, you can:
add multiple links
define a global title size for all links (three sizes available)
freely define the link destination
adjust the color scheme
All standard linking options are supported.
The context navigation behaves as a “sticky” element:
As soon as the navigation bar reaches the top of the headful page while scrolling, it remains fixed there and follows the user throughout the rest of the page.
This ensures the navigation remains visible at all times.
Deep Links & Use Cases
Within a single page, it is highly recommended to use deep links (anchor links). This allows specific sections of the page to be accessed directly.
The Context Navigation Component is particularly suitable for:
very long content pages
FAQ sections
structured information pages
pages with clearly separated sections
Tips & Tricks
Use deep links consistently to reflect the page structure clearly.
Choose the title size carefully, as it applies to all links within the component.
Use the color scheme to visually distinguish the navigation from the main content.