Skip to main content

Breadcrumbs

Breadcrumbs — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

Breadcrumbs — Prism component.

Accessibility

Arrow keys move between items; the current item is marked aria-current. Tabs follow the WAI-ARIA tabs pattern (roving tabindex, Home/End).

Import

const { Breadcrumbs } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
itemsCrumb[]Yes
labelstringAccessible label for the nav landmark. Default "Breadcrumb".
classNamestring