Timeline rail

Vertical event/timeline rail with connectors and terminal marker.

Default
Today
  1. Account created2m
  2. Profile completed1m
  3. First project added30s
Yesterday
  1. Invited a team member4m
  2. Uploaded logo2m
This is where it begins
Custom Terminal
Onboarding
  1. Email verifiedDay 1
  2. Profile set upDay 1
  3. First import doneDay 2
  4. Invited a colleagueDay 3
This is where your journey began
Mixed Glyphs
Pipeline run #84
  1. Commit abc1234 received0:00
  2. Lint passed0:14
  3. Unit tests passed (138/138)0:52
  4. Coverage dropped below threshold0:53
  5. Merge blocked — review required0:53
Pipeline started
Multi Group
May 31
  1. Published release v2.4.009:12
  2. Ran smoke tests08:57
May 30
  1. High memory usage detected22:03
  2. Cache cleared21:55
  3. Backup completed20:00
May 29
  1. Database timeout14:30
  2. Auto-recovery succeeded14:31
Nothing recorded before this point
With Icons
Activity
  1. Page viewed5m
  2. Button clicked3m
  3. Item starred2m
  4. File downloaded1m
  5. Link shared30s
This is where it begins
With Tones
Status tones
  1. Deployment succeeded12s
  2. Health check passed3s
  3. Retry attempted8s
  4. Rollback triggered1s
  5. Log entry recorded0s
This is where it begins

Installation

npx shadcn@latest add @byronwade/timeline-rail