Mind mapPro
A mind map generated from sources, with branches that open and topics you can ask about.
On this page
ProA quarterly review as a mind map; open branches or ask about a topic.
Installation
Usage
import { MindMap } from "@/components/ui/chatcn/pro/mind-map"
<MindMap root={map} onAsk={(path) => ask(path.join(" > "))} />Topics branch left to right on soft curves and parents center on their children. Choosing a topic sends its full path, so the question keeps its context.
Examples
States
ProEverything open, and only the root with a long name.
Props
| Prop | Type | Notes |
|---|---|---|
root | MindMapNode | { id, label, children? } |
defaultExpanded | string[] | Default the root and its children |
onAsk | (path) => void | Path from the root |
Accessibility
- Every topic is a button in reading order; branch toggles say how many topics they hold.