benflux/ui
Primitive

Breadcrumb

Displays the path to the current resource using a hierarchy of links.

Installation

npx benflux-ui add breadcrumb

Usage

import {
  Breadcrumb, BreadcrumbItem, BreadcrumbLink,
  BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator,
} from "@benflux-ui/react"

<Breadcrumb>
  <BreadcrumbList>
    <BreadcrumbItem>
      <BreadcrumbLink href="/">Home</BreadcrumbLink>
    </BreadcrumbItem>
    <BreadcrumbSeparator />
    <BreadcrumbItem>
      <BreadcrumbLeaf>Current Page</BreadcrumbLeaf>
    </BreadcrumbItem>
  </BreadcrumbList>
</Breadcrumb>