DSCatalyst design system
TenantRexall
Design system/Components/Breadcrumb trail
molecule ยท source observed

Breadcrumb trail

Context path for page hierarchy with linked ancestors and a non-linked current page item.

1consumers0evidence5tokens

Rendered primitive

Semantic token resolution

Labelvar(--wl-primary-strong)primaryStrongcolorFocus ringvar(--wl-accent)Breadcrumb trailmolecule API

Used by

Page context breadcrumbPage context breadcrumb for pharmacy and service landing pages.direct

Proposed contract

itemsariaLabelseparatorsourceSelector

Token contract

Labelvar(--wl-primary-strong)Current pagevar(--wl-muted)Separatorvar(--wl-muted)Weightvar(--wl-text-weight)Focus ringvar(--wl-accent)
  • Observed as div.breadcrumb-wrap with Home as a link and the current page rendered as strong text.
  • Keep distinct from nav-item because source evidence is page context, not primary navigation or menu state.