build69
build69  /  Components  /  Timelines  /  TimelineTracking

TimelineTracking

v1.0.1Updated 20 Jul 2026

Large-step milestone tracking timeline (order placed → packed → shipped → delivered) with success and failure states.

Preview

Live · 7 stories
Order TrackingOpen ↗
Why this is recommendedtimelinetrackingmilestonesorder+2

TimelineTracking — order tracking.

Recommended for+14
  • Order tracking
  • Delivery progress
  • Onboarding milestones
Tags+6
timelinetrackingmilestonesorderdeliveryshipping
Features+4
  • Large discrete milestone steps
  • Per-step icon + timestamp
  • Success and failed states
  • Vertical or horizontal orientation
Not recommended for−2
  • Dense logs (use TimelineAudit)
  • Diff / change history (use TimelineHistory)

Install

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

get_registry_item({ name: "TimelineTracking" })

Usage

import { TimelineTracking } from '@/components/data-display/timeline-tracking';

<TimelineTracking milestones={milestones} />

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
milestones

Milestones

TrackingMilestone[]yes

Related