Breadcrumb - Aspect UI

The Breadcrumb component displays the current page’s location within a navigational hierarchy, helping users understand and navigate your app or site structure. It supports custom separators, icons, and responsive layouts.

Table of Contents#

Default Breadcrumb#

Custom Separator#

Breadcrumb Props#

PropTypeDefaultDescription
childrenReactNode-Breadcrumb items to display as children.
separatorReactNode'/'Custom separator between breadcrumb items.
classNamestring''Additional CSS classes for the breadcrumb container.

Breadcrumb Item Props#

PropTypeDefaultDescription
childrenReactNode-Content of the breadcrumb item.
hrefstring''Optional link for the breadcrumb item.
activebooleanfalseMarks the breadcrumb item as the current page.
classNamestring''Additional CSS classes for the breadcrumb item.
Edit this pageTypography