Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Changelog
Table component with field-by-field changelog showing before and after values for React audit dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Track changes on your Next.js audit dashboard with this changelog table component. Features field name column, before and after value comparison, change type indicators, timestamp and user attribution, diff highlighting for text changes, and expandable details. Built with shadcn/ui Table, Badge, and Avatar components using Tailwind CSS and Lucide icons. The detailed change tracking provides complete audit trails perfect for compliance logging, version history, data governance, CRM activity feeds, or any React app requiring granular change documentation.
Change History
10 changes across 6 records
| Record | Field | Type | Old Value | New Value | Changed By | When | |
|---|---|---|---|---|---|---|---|
Emily Rodriguez USR-128 | Changed | [email protected] | [email protected] | SCSarah | 5 minutes ago | ||
Emily Rodriguez USR-128 | Department | Changed | Marketing | Product | SCSarah | 5 minutes ago | |
Emily Rodriguez USR-128 | Title | Changed | Marketing Manager | Product Manager | SCSarah | 5 minutes ago | |
Website Redesign PRJ-042 | Status | Changed | In Progress | In Review | MJMarcus | 1 hour ago | |
Website Redesign PRJ-042 | Due Date | Changed | Jan 20, 2024 | Jan 25, 2024 | MJMarcus | 1 hour ago | |
Q4 Report DOC-891 | Access Level | Added | Empty | Confidential | DKDavid | 3 hours ago | |
API Integration TASK-234 | Assignee | Changed | Unassigned | Lisa Thompson | JWJames | 4 hours ago | |
API Integration TASK-234 | Priority | Changed | Medium | High | JWJames | 4 hours ago | |
Michael Brown USR-156 | Phone | Removed | +1 555-0123 | Empty | MBMichael | 5 hours ago | |
Mobile App v2 PRJ-038 | Budget | Changed | $50,000 | $75,000 | AMAnna | Yesterday |
Installation
Related blocks you will also like
Table with Status History
Status changes
Table with Activity Log
Activity feed
Table with Timeline Events
Timeline view
Table with Row Comparison
Compare data
Table with Expandable Rows
Show details
Table with DateTime Formatting
Timestamps