Timeline Components
Vertical, horizontal, dense and alternating timelines for activity feeds and history.
Vertical Timeline
Classic left-rail activity feed
Project created
Aria M. created “Aurora Web App”
Commit pushed
feat(charts): add radar chart support (#2841)
Member invited
Jordan L. invited devi@acme.io as Editor
Comment added
Sam K. on “Q4 roadmap”: Looks great, ship it
File uploaded
design-system-v2.fig (4.2 MB)
Build warning
Build #2841 — 2 flaky tests detected
Settings updated
Aria M. changed workspace name to “Acme Studio”
Start of activity log
Alternating Timeline
Left-right alternating milestones
Workspace created
Acme Studio founded with 3 members
Aug 12, 2024
First project shipped
Aurora Web App v1.0
Sep 4, 2024
10 team members
Welcomed our 10th teammate, Devi P.
Oct 18, 2024
Pro plan upgrade
Unlocked unlimited projects
Nov 2, 2024
1,000 commits
Reached our first thousand commits
Dec 1, 2024
Dense Timeline
Compact hour-by-hour log
Logged in
From iPhone 15 Pro · San Francisco
Viewed dashboard
Analytics overview
Edited profile
Updated bio and timezone
Created project
Mobile SDK v3
Pushed commit
fix(api): rate limit race condition
Received message
From Jordan L. via chat
Horizontal Timeline
Monthly progress timeline
Activity Feed with Avatars
User-attributed timeline
Aria M. merged PR #2841 feat(charts): radar support
8m ago
Jordan L. commented on Aurora design spec
22m ago
Sam K. uploaded file design-system-v2.fig
1h ago
Devi P. joined workspace Acme Studio
3h ago
Status Timeline
Order/shipment tracking
Order placed
Dec 12, 9:42 AM
Payment confirmed
Dec 12, 9:43 AM · Visa •••• 4242
Processing
Dec 12, 10:15 AM · Warehouse 04
Shipped
In progressTracking 1Z999AA10123456784
Out for delivery
Expected by Dec 14
Delivered
Pending