Skip to content

view on a desktop screen for a better experience.

terminal

Terminal

A shell session. `$` is a command, `#` a comment, `✓` a pass. Source code stays in a fence. A file tree is Tree.

install

Put the session in a fenced block so Markdown leaves it alone. $ marks a command, ✓ a pass.

[ SHELL ]
pnpm dlx shadcn@latest add @mdxcn/callout✓ registry/default/callout/callout.tsx✓ registry/default/graph-frame/graph-frame.tsx  2 files written, 0 conflicts

MDX

```
+------------------- [ SHELL ] --------------------+
|                                                  |
| $ pnpm dlx shadcn@latest add @mdxcn/callout      |
| ✓ registry/default/callout/callout.tsx           |
| ✓ registry/default/graph-frame/graph-frame.tsx   |
|   2 files written, 0 conflicts                   |
|                                                  |
+--------------------------------------------------+
```

install

command

comment and output

# lines are comments. Plain lines are output, muted.

[ TESTS ]
# run the suite oncepnpm test RUN  v3.2.7 ✓ lib/http/accept.test.ts (12) ✓ lib/agent/copy.test.ts (4) Test Files  2 passed (2)

MDX

```
+------------------- [ TESTS ] --------------------+
|                                                  |
| ">                                               |
| ```                                              |
| # run the suite once                             |
| > pnpm test                                      |
|  RUN  v3.2.7                                     |
|  ✓ lib/http/accept.test.ts (12)                  |
|  ✓ lib/agent/copy.test.ts (4)                    |
|  Test Files  2 passed (2)                        |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestring"shell"Caption drawn on the top edge of the frame.
promptstring"$"The glyph that marks a command line.
childrenstring | fenced codePlain lines or a fenced code block. Whitespace is kept. Leading and trailing blank lines are dropped.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.