Timeline Component

Classes: .timeline, .timeline-item, .timeline-dot, .timeline-content, .timeline-time, .timeline-title

Features:

Vertical timeline for events
Dots, content, and time labels

Example

Step 1 — Started project

Step 2 — Added features

Step 3 — Launched!

Usage:

<div class="timeline">
  <div class="timeline-item">
    <span class="timeline-dot"></span>
    <div><strong>Step 1</strong> — Started project</div>
  </div>

  <div class="timeline-item">
    <span class="timeline-dot"></span>
    <div><strong>Step 2</strong> — Added features</div>
  </div>

  <div class="timeline-item">
    <span class="timeline-dot"></span>
    <div><strong>Step 3</strong> — Launched!</div>
  </div>
</div>

Customization:

Use utility classes for spacing, color, or alignment