Breadcrumb

Navigation · src/components/Breadcrumb/Breadcrumb.tsx

Where this page sits, and the way back up.

An ordered list inside a nav, because the order is the meaning. The last item is the current page: it is not a link and carries aria-current="page", so nobody is offered a link to where they already are.

Import

import { Breadcrumb } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
items	BreadcrumbItem[]	Ancestors first, this page last.
label	string
className	string

Exported types

BreadcrumbItem