# DiffView (https://jackin.tailrocks.com/reference/tui/lookbook/diff-view/)



<img src="/tui-lookbook/diff-view-side-by-side.svg" alt="DiffView side-by-side preview" />

**Story ID**: `diff-view/side-by-side`

<img src="/tui-lookbook/diff-view-single-pane.svg" alt="DiffView single-pane preview" />

**Story ID**: `diff-view/single-pane`

**Source**: <RepoFile path="crates/jackin-tui/src/components/diff_view.rs">crates/jackin-tui/src/components/diff\_view\.rs</RepoFile>