Breadcrumb

Shows the path to the current location.

BreadcrumbProps packages/core/src/extra-controls.ts:119 ↗

Import

import { Breadcrumb } from "@tarve/core";

Usage

Breadcrumb.tsx

import { Breadcrumb } from "@tarve/core";

<Breadcrumb
  items={[
    { label: "Home", onClick: () => console.log("home") },
    { label: "Projects", onClick: () => console.log("projects") },
    { label: "tarve" },
  ]}
/>

Props

Prop	Type	Default
`items` required	`BreadcrumbItem[]`	—
`separator`	`Child`	`"/"`

Common props

Shared by every component. See descriptions →

childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle

Types

BreadcrumbItem

interface BreadcrumbItem {
  label: string;
  disabled?: boolean;
  onClick?: () => void;
}