Breadcrumb Overview

What does the component do?

  • It shows the navigation hierarchy of the current page.

When should the component be used?

  • On any page where the user should be able to quickly navigate to the parent page.

Rules

  • The breadcrumb is always positioned directly beneath the header.
  • The breadcrumb can be multi-line for long entries.
  • All levels are always shown.
Variants

States

The component has the following states:

  • Default
  • Hover

Variants

Default

Image of a Breadcrumb


Specifications

DesignCode