Components/Breadcrumb

Breadcrumb

Newnavigation

Hierarchical navigation trail with current-page semantics and compact separators.

import { Breadcrumb } from '@/components/forge'

Preview

Breadcrumb

Code Example

Props

PropTypeDefaultRequiredDescription
items{ label: React.ReactNode; href?: string }[]-YesBreadcrumb trail items

Variants

default

Accessibility

  • Wrapped in a nav with aria-label="Breadcrumb"
  • Current item receives aria-current="page"
  • Links remain normal anchors for expected browser behavior

Related Components