---
category: navigation
---

# Breadcrumb

Source: `components/ui/breadcrumb.tsx`.

`Breadcrumb` is a compound component. Its parts are exported **flat** (`BreadcrumbList`, not
`Breadcrumb.List`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `BreadcrumbList` | `React.ComponentProps<'ol'>` |
| `BreadcrumbItem` | `React.ComponentProps<'li'>` |
| `BreadcrumbLink` | `React.ComponentProps<'a'> & {…}` |
| `BreadcrumbPage` | `React.ComponentProps<'span'>` |
| `BreadcrumbSeparator` | `React.ComponentProps<'li'>` |
| `BreadcrumbEllipsis` | `React.ComponentProps<'span'>` |

All parts accept `className` and are composed as children of `Breadcrumb`.