File Version History
A version history card with the current revision highlighted and earlier versions as ruled rows showing editor, note, size, restore, and download.
A version history card with the current revision highlighted and earlier versions as ruled rows showing editor, note, size, restore, and download.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
File Version History is the revision panel for a single file, Hero-Banner-Final.png, with a header showing the version count in a Badge. The current version sits highlighted at the top with a Current badge, followed by four earlier versions as ruled rows. Each row pairs the editor avatar and name with a change note, a timestamp and size on one line, and restore and download icon buttons. A footer notes older versions are kept for 30 days beside a Show older affordance.
Versions are one typed array with an optional current flag driving the highlight and the Current badge. Only past versions get a restore button, since restoring the version you are already on is a no-op.
Reach for this block as the history view that opens from a file inspector or a context menu, wired to your versioning API. Restore should create a new version rather than overwrite, so history stays intact.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the file revision history. Other history shapes:
Tip: keep the current version visually distinct, anyone scanning for a revert target needs to see where now ends and history begins.