Breadcrumb
The trail to the current page — store categories, deal types.
import Breadcrumb from '@/components/ui/Breadcrumb';Source: src/components/ui/Breadcrumb.tsx
Examples
A trail
The last item is the current page and is not a link. Passing an href for it would make a link to where you already are.
Props
<Breadcrumb> props
| Prop | Type | Default | Description |
|---|---|---|---|
itemsrequired | BreadcrumbItem[] | — | — |
className | string | '' | — |
Accessibility
- Renders a nav landmark with an ordered list, so the trail’s depth is announced.
- The current page is marked aria-current.
Usage
Don’t
- Don’t give the last item an href.
- Don’t use it as a substitute for a back button.
Related:Tabs