Breadcrumbs

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

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

Standard Breadcrumbs

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

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

<Breadcrumbs items={ITEMS} />

Props

Prop	Type	Default
items*	BreadcrumbItem[]	—
className	string	—

* required