Breadcrumb

BadgeButton

Shows the current page's location in a hierarchy.

Installation

pnpm add krz-ui

Usage

import { Breadcrumb } from "krz-ui";
<Breadcrumb
  items={[
    { label: "Home", href: "/" },
    { label: "Docs", href: "/docs" },
    { label: "Breadcrumb" },
  ]}
/>

API Reference

PropTypeDescription
itemsBreadcrumbItem[]Links with label, href, onClick and icon. The last item is the current page.
separatorReactNodeCustom separator. Defaults to a chevron.
className / style / ref—All go to the outer element. See Customization.
classNames{ list?, item?, link?, current?, separator? }Extra classes for inner parts.