Breadcrumb

Breadcrumbs are used to provide understanding of where a page lives within the overall content structure.

Props

Levels

Number of levels to display.

Footprint

Shrinks breadcrumb to a single item for mobile and small spaces.

Usage

Do

  • It is recommended to use breadcrumbs wherever possible, making it easier for users to understand their current location and navigate back to previous levels.
  • Utilize breadcrumbs for long pages or multi-step processes, allowing users to track their progress and backtrack if needed.
  • Maintain consistency in the design and placement of breadcrumbs across different pages and sections

Don't

  • Refrain from using breadcrumbs for dynamically generated or constantly changing content

Kelsey

Principal Designer