table
GraphTable
A framed table. Write a markdown table inside the tag. Grouped sections are Sheet. Label/value rows are Spec.
research cost
| Agent | Tokens | Tool calls | Time |
|---|---|---|---|
| Inks and paper | 115,207 | 120 | 16m |
| Overprint and drift | 135,218 | 164 | 16m |
| Naming the patterns | 186,716 | 112 | 18m |
| Total | 437,141 | 396 | ~50m |
MDX
```
+----------- [ WHAT THE RESEARCH COST ] ------------+
| |
| Agent | Tokens | Tool calls | Time |
| --------------------+---------+------------+----- |
| Inks and paper | 115,207 | 120 | 16m |
| Overprint and drift | 135,218 | 164 | 16m |
| Naming the patterns | 186,716 | 112 | 18m |
| --------------------+---------+------------+----- |
| Total | 437,141 | 396 | ~50m |
| |
+---------------------------------------------------+
```install
command
taste, explained
| Decision | Reason |
|---|---|
| ease-out on enter | feels snappier |
| 180ms, not 400ms | feels faster, more responsive |
| springs for gestures | they carry your momentum |
| scale 0.97 on press | it makes the UI feel alive |
| no animation at all | you open it hundreds of times |
MDX
```
+---------------- [ TASTE, EXPLAINED ] ----------------+
| |
| Decision | Reason |
| ---------------------+------------------------------ |
| ease-out on enter | feels snappier |
| 180ms, not 400ms | feels faster, more responsive |
| springs for gestures | they carry your momentum |
| scale 0.97 on press | it makes the UI feel alive |
| no animation at all | you open it hundreds of times |
| |
+------------------------------------------------------+
```| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| headers | string[] | "Agent, Tokens" | — | Column headings. Sentence case. |
| rows | ReactNode[][] | — | Body cells, one array per row. Optional when children are Markdown. |
| children | Markdown | — | | Agent | Tokens | | --- | ---: | | Inks and paper | 115,207 | |
| footer | ReactNode[] | — | Optional totals row under a rule. |
| align | ("left" | "right")[] | "left right" | left, then right | Per-column alignment. Defaults to left on the first column. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |