UI Components

Breadcrumb

A breadcrumb shows where the current page sits in a hierarchy.

Also called Breadcrumb trailPath navigationPage pathYou are here links

Visual Example

Home/Settings/Billing

Plain Definition

Breadcrumbs are compact navigation cues for hierarchy.

You Might Describe This As...

  • "Page path"
  • "You are here links"

Fast lookup

You May Also Mean

Breadcrumb is often mixed up with Sidebar Navigation because the patterns can organize or reveal similar content in different ways.

Sidebar Navigation

Check the name, visual cue, and typical use.

What It Is Used For

  • Showing nested pages
  • Helping people go back up a level
  • Clarifying location in a large site

Example User Phrasing

  • "Add breadcrumbs above the page title."
  • "Show Home, Settings, then Billing as a path."