Skip to main content
GitHub

Diff Viewer

Unified and split code diff with +/- stats.

@kineticui/ui
button.tsx+3−2
1−export function Button({ children }) {
1+export function Button({ children, loading }) {
22 return (
3− <button className="btn">
3+ <button className="btn" disabled={loading}>
4+ {loading ? <Spinner /> : null}
45 {children}
56 </button>
67 );
78 }

Installation

Copies the source into your project so you can edit every line.

$ npx @kineticui/cli add diff-viewer

Exports

DiffViewer

Source: packages/ui/src/components/diff-viewer.tsx