Skip to content

TreeCard

Open .md
Live preview

Loading example…

Default node template: a card with a color rail, an avatar (image or initials), the name, a subtitle and an optional badge. Fills its box.

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

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

<TreeCard 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