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:


Custom Separator

Using a custom path separator:


Current Node as Link

Making the current page clickable:


Reverse Path Direction

Showing current page first:


Limited Parent Levels

Only showing 1 parent level:

Electronics > Phones

Custom Templates

Using custom templates for nodes and separators:

🏠 HomeProductsElectronics📍 Phones