Skip to content

Diff

GraphDiff

List with add, remove, and unchanged rows. Works for changelogs or bundle sizes.

Command

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

Bundle

Added and removed rows with a total in the footer.

[ BUNDLE ]
  • vendor84 kb
  • app31 kb
  • sourcemaps12 kb
shipped103 kb

Headcount

Running total with hire and leave rows.

[ HEADCOUNT ]
  • start12
  • hired3
  • left1
now14

Props

PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
rowsDiffRow[]label, value, and optional sign: add, remove, or keep.
footerDiffRowTotal row under a rule.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.