Diff viewer

A line-by-line text diff.

config.ts
const x = 1;
- const y = 2;
- console.log(x);
+ const y = 3;
+ console.log(x + y);

Without filename

const x = 1;
- const y = 2;
- console.log(x);
+ const y = 3;
+ console.log(x + y);

API reference

Inputs

PropTypeDefaultDescription
beforestring''Original text; lines removed relative to `after` are marked deleted.
afterstring''Updated text; lines added relative to `before` are marked added.
filenamestring''Optional filename shown in the header above the diff.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.