ChartBreadcrumb

Drill-down path of a hierarchy chart. Every ancestor is a button that zooms back out to it; the current node is marked with aria-current.

Import

import { ChartBreadcrumb } from "@jcsoftdev/ui/charts";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/core.

Usage

<ChartBreadcrumb items={trail} label="Ruta de la jerarquía" />

Props

Prop	Type	Default	Description
items *	readonly ChartBreadcrumbItem[]		Root first, current node last.
onSelect *	(id: string) => void
label *	string		Accessible name of the navigation landmark.
className	string

* marks a required prop.

Storybook stories

• Default
• Root Only
• Interactive

Source

packages/ui/src/charts/core/breadcrumb.tsx