Skip to content

view on a desktop screen for a better experience.

spec

GraphSpec

Aligned label and value rows. Write `- Family: Geist Mono`. Headline numbers are Stat. A table with headers is Table.

type

[ TYPE ]
Family
Geist Mono
Size
14 / 21
Tracking
+0.02em
Figures
tabular
Accent
--graph-accent

MDX

```
+-------------------- [ TYPE ] --------------------+
|                                                  |
| Family    Geist Mono                             |
| Size      14 / 21                                |
| Tracking  +0.02em                                |
| Figures   tabular                                |
| Accent    --graph-accent                         |
|                                                  |
+--------------------------------------------------+
```

install

command

ship to

[ SHIP TO ]
Name
A. Rao
City
Bengaluru
Carrier
Delhivery
ETA
Thu

MDX

```
+------------------ [ SHIP TO ] -------------------+
|                                                  |
| Name     A. Rao                                  |
| City     Bengaluru                               |
| Carrier  Delhivery                               |
| ETA      Thu                                     |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
rowsSpecRow[]label, value, and optional accent. Optional when children are Markdown.
childrenMarkdown- Family: Geist Mono
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.