Components

Breadcrumbs

Navigation component that shows the current location within a hierarchy

Preview

Installation

Usage

Examples

Size Variants

Display breadcrumbs in different sizes.

Custom Separator

Use custom separator elements between items.

Custom Separator with Prop

Set custom separator via component prop.

With Icons

Add icons to breadcrumb items for context.

With Ellipsis

Collapse long paths with ellipsis.

Integrate with Next.js Link component.

With Accessibility Features

Enhanced accessibility with ARIA attributes.