ComponentsBreadcrumb

Breadcrumb

A breadcrumb component that displays the current page's location in the site hierarchy.



The Breadcrumb component is a breadcrumb component that displays the current page's location in the site hierarchy. It is a great way to help users understand where they are in the site and navigate back to previous pages.

Info

The Breadcrumb component uses the usePathname hook from the next/navigation package to get the current pathname.




Props

The Breadcrumb component accepts the following props:

NameTypeDefaultDescription
sectionsArrayAn array of objects representing the sections of the breadcrumb. Each object should have a href and title property. The items property can be used to nest sections.



Usage Examples

Basic Breadcrumb