Breadcrumb

A navigation component that shows the user's current location within a website hierarchy

Basic Breadcrumb

With Home Icon

Deep Navigation

Simple Path

Custom Separator

No Links (Read-only)

Breadcrumb Component
tsx
1import React from "react";
2import { ChevronRight, Home } from "lucide-react";
3import { cn } from "@/lib/cn";
4
5interface BreadcrumbItem {
6 label: string;
7 href?: string;
8 current?: boolean;
9}