Skip to content

view on a desktop screen for a better experience.

tree

GraphTree

Nested list drawn with branch glyphs. Bold a node to highlight it — files, an org chart. Not a timeline or a table.

registry

[ REGISTRY ]
  • registry/default
  • graph-frame
  • graph-frame.tsxui
  • graph-motion.tslib
  • graph-tree
  • graph-tree.tsxui
Tree with 6 nodes

MDX

```
+------------------ [ REGISTRY ] ------------------+
|                                                  |
| registry/default                                 |
| ├─ graph-frame                                   |
| │  ├─ graph-frame.tsx   ui                       |
| │  └─ graph-motion.ts   lib                      |
| └─ graph-tree                                    |
|    └─ graph-tree.tsx**  ui                       |
|                                                  |
+--------------------------------------------------+
```

install

command

team

[ ON CALL ]
  • platform
  • apipriya
  • workersjon
  • edgemina
Tree with 4 nodes

MDX

```
+------------------ [ ON CALL ] -------------------+
|                                                  |
| platform                                         |
| ├─ api        priya                              |
| ├─ workers**  jon                                |
| └─ edge       mina                               |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
nodesTreeNode[]Nested nodes. Each may have label, meta, accent, and children. Optional when children are Markdown.
childrenMarkdown- registry/default - **graph-tree.tsx** — ui
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.