HierarchyHeader

Drill-down path, pass it as the frame legend. Always first in the frame, even when the legend moves above the drawing.

Import

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

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

Usage

export const Default: Story = {
  render: () => <HeaderDemo start={deepest.id} />,
};

Source of the Storybook story.

Props

Prop	Type	Default	Description
path *	readonly HierarchyNode[]
onSelect *	(id: string) => void
labels *	HierarchyLabels

* marks a required prop.

Storybook stories

• Default
• At Root

Source

packages/ui/src/charts/core/hierarchy-chart.tsx