Breadcrumb Nav

Animated breadcrumb navigation trail.

Preview

Installation & Usage

tsx
import { BreadcrumbNav } from "@/components/ui/breadcrumb-nav"

export function BreadcrumbNavDemo() {
  return (
    <BreadcrumbNav
      items={[
        { label: "Products", href: "/products" },
        { label: "Electronics", href: "/products/electronics" },
        { label: "Laptops", href: "/products/electronics/laptops" },
      ]}
    />
  )
}