Frame

Graph

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

Command

pnpm dlx shadcn@latest add <origin>/r/graph-frame.json

Titled frame

Compose Graph, GraphTitle, GraphBody, and GraphRule.

[ USAGE ]

Content goes inside the frame.

Same dashed border as the other graphs.

Untitled

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

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.