Skip to content
Theme

Breadcrumbs

Where the current page sits in the hierarchy.

Examples

The last item is the current page

Props

Breadcrumbs

Where the current page sits in the hierarchy. A plain list of links: no script.

PropTypeDefaultDescription
linkAs?ElementType"a"The component that renders links: a framework's client-side link, or a plain anchor. The system itself knows no router.
itemsreadonly Crumb[]—From the root to the current page; the last one is the current page and is not a link.

Accessibility

  • A navigation landmark named Breadcrumbs; the current page is aria-current and not a link.
  • Separators are hidden from screen readers and mirror in right-to-left text.