Components / Navigation
Breadcrumbs
stableShows where the current page sits in the hierarchy, and lets a user jump back up a level.
Default
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
items | { label: string; href?: string }[] | — | Yes | Trail from the root to the current page. The last item renders as plain text. |
Do
- Make every item except the last one a real link.
- Match the labels to the actual page titles they point to.
- Mark the current page with aria-current="page" (built in).
Don't
- Use breadcrumbs as the only way to navigate up — pair with the sidebar, don’t replace it.
- Show more than 4–5 levels — collapse the middle if the hierarchy runs deeper.