Skip to content

HierarchyLegend

Open .md
Live preview

Loading example…

Read-only legend of the open level’s branches, pass it as the frame footer: below the drawing in narrow containers, above it from @md.

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

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

<HierarchyLegend focus={root} limit={8} />
Prop Type Default Description
focus * HierarchyNode
limit number 8 Most items listed.

* marks a required prop.

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