Skip to content

view on a desktop screen for a better experience.

steps

Steps

A numbered procedure. Write an ordered list; bold the current step, italic the next. Dated events are Timeline. A punch list is Check.

install

[ INSTALL ]
  1. Copy the source

    Run the shadcn CLI. Files land under registry/default.

  2. Register it

    Export the component from mdx-components.tsx.

  3. Write

    Use it between paragraphs. No import line.

MDX

```
+----------------------- [ INSTALL ] -----------------------+
|                                                           |
| 1  Copy the source                                        |
|    Run the shadcn CLI. Files land under registry/default. |
| │                                                         |
| 2  Register it                                            |
|    Export the component from mdx-components.tsx.          |
| │                                                         |
| 3  Write                                                  |
|    Use it between paragraphs. No import line.             |
|                                                           |
+-----------------------------------------------------------+
```

install

command

runbook

[ ROLLBACK ]
  1. Flip the flag

    cache.v2 to off in the dashboard.
  2. Watch p95

    Two minutes. It should drop under 300ms.
  3. Write it down

    Open the postmortem before you leave.

MDX

```
+---------------------- [ ROLLBACK ] ----------------------+
|                                                          |
| 1  Flip the flag — cache.v2 to off in the dashboard.     |
| │                                                        |
| 2  Watch p95 — Two minutes. It should drop under 300ms.  |
| │                                                        |
| 3  Write it down — Open the postmortem before you leave. |
|                                                          |
+----------------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
children<Step />Markdown ordered list. Bold is now, italic is next. Nested paragraphs are the body.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.