Components
Breadcrumb
Where the page sits, with links back up.
Preview
Installation
It's already in this Base. In another project, add it with the shadcn CLI, then switch its cn import to @/lib/utils, its icons to @/components/icons, and its text-sm and text-xs to text-ui-s and text-ui-xs.
npx shadcn@latest add breadcrumbGuidelines
Use it
- Pages more than two levels deep.
- The current page last, as BreadcrumbPage, not a link.
Don't
- Repeat the sidebar on a page one level deep.
Accessibility
- It's a nav labelled breadcrumb; the current page has aria-current=page.