Breadcrumb

A list of links showing the location of the current page in the navigational hierarchy.

Ready to use
Show details
Ready to use
Published: September 10, 2024
Updated: September 10, 2024

Component checklist

Figma component

Includes a link to a Figma component that has been imported to Supernova

Light mode

Light mode

Dark mode

Dark mode

 

Anatomy

Regular

Each item can be used with an icon, it is not mandatory and should only be used in specific cases.

 

Bold

The Bold version is the only one to have a Sub menu that can be enable or not with any variants.

 

With In component select

The ‘in component select’ version is the only one to offer the possibility of selecting one of several options directly from the breadcrumb.