Breadcrumb Component
A flexible breadcrumb component for navigation and showing the current location.
Basic Breadcrumb
A simple breadcrumb with default styling.
Breadcrumb with Icons
Breadcrumbs with icons for better visual representation.
Custom Separator
Breadcrumbs with a custom separator.
Collapsed Breadcrumb
Breadcrumbs that collapse when there are too many items.
Styled Breadcrumb
Breadcrumbs with custom styling.
API Reference
Complete documentation of the Breadcrumb component props.
Breadcrumb Props
| Prop | Description | Type | Default |
|---|---|---|---|
| items | Array of breadcrumb items | BreadcrumbItem[] | Required |
| separator | Custom separator between items | React.ReactNode | |
| maxItems | Maximum number of items to show before collapsing | number | 0 (no limit) |
| homeIcon | Whether to show a home icon for the first item | boolean | false |
| className | Additional CSS classes for the breadcrumb | string | - |