ReasoningTree
stableCollapsible tree of reasoning steps with depth indicators
import { ReasoningTree } from "@nodus/design-system/patterns"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
nodesreq | ReasoningNode[] | — | Tree of reasoning nodes ({ id, source, action, resultSummary, relevance, durationMs, status, children? }) |
title | string | — | Optional title above the tree |
collapsed | boolean | — | Start with all nodes collapsed |
onNodeSelect | (id: string) => void | — | Callback when a node is clicked |
treeSeal | string | — | Integrity seal hash for the tree |
nodesrequiredType
ReasoningNode[]Default —Tree of reasoning nodes ({ id, source, action, resultSummary, relevance, durationMs, status, children? })
titleType
stringDefault —Optional title above the tree
collapsedType
booleanDefault —Start with all nodes collapsed
onNodeSelectType
(id: string) => voidDefault —Callback when a node is clicked
treeSealType
stringDefault —Integrity seal hash for the tree
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?