A
Auralix UI

Breadcrumb

Minimal breadcrumb navigation.

Preview

Installation

bash
npx auralix-ui add breadcrumb

Usage

Basic Breadcrumb

tsx
import { Breadcrumb } from "@/components/ui/Breadcrumb";

<Breadcrumb items={[
  { label: "Home", href: "/" },
  { label: "Products", href: "/products" },
  { label: "Details" },
]} />

Props

NameTypeDefaultDescription
itemsBreadcrumbItem[][]Array of {label, href?}.
separator"chevron" | "slash" | "dot""chevron"Separator style.