Skip to main content

Breadcrumb

Navigation trail with optional per-item icons, icon-only home crumb, custom or chevron separators, and aria-current on the active page.

Default (slash)

Custom separator

Chevron separator

With icons

Icon-only home

Single item (current page)

Two levels

Long trail (wraps)

Animation variants

animationVariant — click each control to compare press feedback.

API

PropRequiredTypeDefaultDescription
themeOptionalSiteThemeatelierVisual theme.
itemsOptionalBreadcrumbItem[]label, optional href, optional icon, iconOnly for sr-only label.
separatorOptionalReactNode/Between items — text, ·, or <BreadcrumbChevronSeparator />.
BreadcrumbChevronSeparatorOptionalcomponentExported chevron separator for icon trails.
animationVariantOptionalPressAnimationVariantdefaultPress animation — default, none, ripple, scale, sink, lift, pulse, or glow.