Breadcrumbs
Mon, June 29, 2026

Breadcrumbs

A full set of hierarchical navigation trails including default styles, icon integrations, alternative dividers, and floating wrapper bars.

Default Breadcrumbs

Simple trail with the standard slash `/` separator, styled with custom font weights.

Breadcrumbs with Icons

Remix Icons nested next to texts for rich visual cues across clinic directories.

Alternative Separators (Dividers)

Varying trail separators using chevrons, arrows, or bullets mapped via helper classes.

Chevron Separators (`.breadcrumb-chevron`)
Arrow Separators (`.breadcrumb-arrow`)
Bullet Separators (`.breadcrumb-bullet`)
Wrapped Floating Bar Breadcrumbs

Enclosing trails inside a container wrapper to simulate a header path widget in rich dashboard panels.

Real Clinical Directory Path Examples

Real-world usage examples showing clinical file indexing paths and nested patient record directories.

Section / Context Breadcrumb Path
Patient File Inspection
Specialist Duty Logs
Billing & Clearances