Breadcrumbs

Hierarchical navigation tree bar with ChevronRight separators and automatic label truncation.

// Plain markup
import { Breadcrumbs } from "@shavin/ui";

Standard Breadcrumbs

Component Source

import { Breadcrumbs } from "@shavin/ui";

const ITEMS = [
  { label: "Dashboard", href: "#" },
  { label: "Settings", href: "#" },
  { label: "Branding", active: true },
];

<Breadcrumbs items={ITEMS} />

Props

Prop	Type	Default	Description
items*	BreadcrumbItem[]	—	Array of breadcrumb items ({ label, href, active }).
className	string	—	Optional custom CSS class name.

* required