frame

Graph

Dashed frame wrapper used by every graph. Compose with GraphTitle, GraphBody, GraphRule, GraphTrack, and GraphTick. corner picks the character at each corner.

titled frame

Compose Graph, GraphTitle, GraphBody, and GraphRule.

[ USAGE ]

Content goes inside the frame.

Same dashed border as the other graphs.

MDX

```
+------------------------------- [ USAGE ] -------------------------------+
|                                                                         |
| <GraphBody className="flex flex-col gap-4">                             |
| Content goes inside the frame.                                          |
| <GraphRule />                                                           |
| <p className="text-graph-muted">Same dashed border as the other graphs. |
|                                                                         |
+-------------------------------------------------------------------------+
```

install

command

untitled

Skip title and the top edge stays a dashed line. corner swaps the +.

Corners still sit on the frame. Caption is optional.

MDX

```
+------------------------------------------------------+
|                                                      |
| Corners still sit on the frame. Caption is optional. |
|                                                      |
+------------------------------------------------------+
```

[ PROPS ]

Prop	Type	Default	Description

title	string	—	Optional caption. Renders as [ TITLE ] on the top edge.
corner	string	"+"	Character at each corner. Default +.
className	string	—	Passed to the figure.
children	ReactNode	—	Usually GraphBody.