Skip to content

TreeChip

Open .md
Live preview

Loading example…

Compact node template for the radial and dendrogram layouts: a pill with a color dot, the name and, optionally, the descendant count.

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

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

<TreeChip node={root} state={idle} />
Prop Type Default Description
node * TreeChartNode
state * TreeNodeState

* marks a required prop.

packages/ui/src/charts/tree-chart/tree-card.tsx