BreadCrumbs

Breadcrumbs are a secondary form of navigation that assists users in getting to content nearby in the hierarchical structure.

Key Characteristics:

• Hierarchy Representation:
  • Breadcrumbs reflect the hierarchy of the site's structure, moving from broad to specific.
• Clickable Links:
  • Each step in the breadcrumb trail (except the current page) is often a clickable link, allowing users to jump back to a previous level.
• Separation:
  • Items are commonly separated by symbols like /, >, or → for clarity.
• Contextual Information:
  • Provides users with a sense of their current location within the app or site.

Components Style

• 1
  Font Size: 16px Regular
• 2
  Icon size: 14px
• 3
  Horizontal padding: 4px