SiteMapPath - Breadcrumb Navigation
The SiteMapPath component displays a breadcrumb trail showing the current page's location in the site hierarchy.
Basic Breadcrumb
Select a page to see the breadcrumb path:
Home > Products > Electronics > Phones
Custom Separator
Using a custom path separator:
Home / Products / Electronics / Phones
Current Node as Link
Making the current page clickable:
Home > Products > Electronics > Phones
Reverse Path Direction
Showing current page first:
Phones > Electronics > Products > Home
Limited Parent Levels
Only showing 1 parent level:
Electronics > Phones
Custom Templates
Using custom templates for nodes and separators:
🏠 Home→Products→Electronics→📍 Phones