Components
All components
Navigation

Breadcrumb

A hairline breadcrumb trail; the final item is the current page.

Preview

Preview
light
dark

Code

<Breadcrumb items={[
  { label: "Home", href: "/" },
  { label: "Components", href: "/components" },
  { label: "Breadcrumb" },
]} />

Import from @/components/ui.

Props

PropTypeDefaultDescription
items{ label, href? }[]Trail, current page last.

Related