Honeycomb

Breadcrumb

Displays the path to the current resource using a hierarchy of links.

When To Use

  • To show the user their current location in a hierarchy.
  • To provide quick navigation to parent pages.
Basic
A simple breadcrumb navigation.
Custom Separator
Replace the default separator with a custom component.
Dropdown
Compose breadcrumb items with dropdown menus.
Collapsed
Use ellipsis to show collapsed navigation.