Skip to content

Breadcrumb

Shows the current page location within a hierarchy. Fully accessible with ARIA landmark support.

$cookest-ui add breadcrumb

Basic

A simple three-level breadcrumb trail.

With Ellipsis

Collapse middle items for long paths.

Custom Separator

Replace the default separator with any icon.

PropTypeDefaultDescription
BreadcrumbLinkReactNodeA navigable ancestor link in the trail.
BreadcrumbPageReactNodeThe current page — non-interactive, aria-current='page'.
BreadcrumbSeparatorReactNodeVisual separator between items. Defaults to '/'.
BreadcrumbEllipsisCollapses hidden ancestors with a '...' indicator.