Breadcrumb
Shows the current page location within a navigational hierarchy
Basic Usage
Simple breadcrumb navigation with chevron separators.
With Ellipsis
Use ellipsis to collapse intermediate breadcrumbs in deep hierarchies.
Custom Separator - Slash
Use a slash icon as the separator.
Custom Separator - Arrow
Use an arrow icon as the separator.
Custom Separator - Dot
Use a subtle dot as the separator for compact navigation.
Custom Separator - Corner
A directional separator that hints at a deeper hierarchy.
With Icons
Breadcrumbs with icons for better visual hierarchy.