build69
build69  /  Components  /  Timelines  /  TimelineHistory

TimelineHistory

v1.0.9Updated 27 Aug 2026

Diff and restore change-history timeline: who changed what, before / after diff, and a restore action per revision.

Preview

Live · 8 stories
DefaultOpen ↗
Why this is recommendedtimelinehistorydiffrestore+3

The default, out-of-the-box TimelineHistory.

Recommended for+14
  • Record revision history
  • Settings / config audit
  • Form-data restore flow
Tags+6
timelinehistorydiffrestorechangelogrevisionsdefault
Features+4
  • Per-revision diff (before / after)
  • Restore action button
  • Author + timestamp per change
  • Highlighted change scope (field path)
  • i18n: labels prop overrides every built-in string; entry timestamps format via LocaleProvider (Buddhist-calendar Thai dates out of the box)
Not recommended for−2
  • Audit log without diff (use TimelineAudit)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "TimelineHistory" })

Usage

import { TimelineHistory } from '@/components/data-display/timeline-history';

<TimelineHistory revisions={revisions} onRestore={restore} />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
revisions

Revisions in reverse-chron order

HistoryRevision[]yes
onRestore

Restore callback

(revisionId: string) => void
labels

Override any built-in UI string — diff sr prefixes, Reverted badge, Restore button, empty state (i18n). Merged over DEFAULT_TIMELINE_HISTORY_LABELS

Partial<TimelineHistoryLabels>

Related