Diff Review Table
A config change review table striking old values beside proposed ones, with change badges, a left rule accent, and approve and reject actions.
A config change review table striking old values beside proposed ones, with change badges, a left rule accent, and approve and reject actions.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Diff Review Table is the config change review panel for a pending settings deploy, eight keys diffing their current value against a proposed one. Modified rows strike the old value beside the new; added rows read not set on the left, removed rows read removed on the right. Each row carries a left rule accent and a change badge, and the header counts the mix beside Request changes and Approve and apply actions.
Changes are one typed array with a kind of modified, added, or removed, and the count line is derived once above the component. The left rule uses the primary color for added keys and the destructive color for removed ones, so the shape of the change reads before any value is read. The footnote notes removed keys keep their last value in the audit history for 90 days.
Reach for this block on any approval step where a person signs off on configuration before it ships: environment variables, feature limits, or infrastructure settings. Wire the two actions to your approval endpoint and gate Approve and apply behind the roles allowed to deploy.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the settings deploy review. Other diff tables:
Tip: show both values on modified rows rather than the new one alone; the struck original is what makes the change reviewable instead of just visible.