Skip to content
Component

Breadcrumb

Chevron-separated trail; the last item is aria-current=page.

Basic

With icons

label accepts any ReactNode, so an icon and text can share one item.

Collapsed long path

Middle segments collapse to an ellipsis item on deep hierarchies.

  • Items wrap onto a second line on narrow viewports rather than overflowing

API reference

itemsNone
BreadcrumbItem[]

Trail items with a label and optional href; the last item is current.

renderLinkNone
(item, children) => ReactNode

Optional router integration for breadcrumb links.

classNameNone
string

Additional classes applied to the component root.