Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA tree of changed files with added and removed line counts that add up per folder and a viewed checkbox per file with a progress count. Use this when reviewers work through a long change file by file.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for code review, content review and any change set that is read one file at a time.
Do not use it to show the diff itself, or for a change with only a handful of files.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
files | TreeNode<FileChange>[] | - | Folders with changed files carrying data: { added, removed }. |
viewed / defaultViewed / onViewedChange | string[] | [] | Ids of viewed files. |
onOpen | (file) => void | - | Enter or double click on a file. |
aria-checked="mixed".The pattern ships with a Testing Library test (file-diff-tree.test.tsx) that covers the roll-up, the viewed count, mixed folders and opening a file.