Animated Code Diff Viewer
ProShow additions and removals together, or flip to a before/after view.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
before | string | - | Before snapshot — full source string. |
after | string | - | After snapshot — full source string. |
language | DiffLanguage | "tsx" | Prism language for highlighting. |
filename | string | - | Filename shown in the header. |
autoplayMs | number | 0 | Auto-replay interval in ms. Pass 0 to disable. |
initial | "before" | "after" | "before" | Initial state when using toggle view mode. |
viewMode | "inline" | "before" | "after" | "toggle" | "inline" | Initial display mode. Toggle starts from initial. |