Logo
Made with

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.
Common Module Icons
Components Style
  • 1
    Font Size: 16px Regular
  • 2
    Icon size: 14px
  • 3
    Horizontal padding: 4px