H
UI by hampton.io
Get Started
Back to Components
Components

Timeline Vertical

Vertical timeline with connector lines, icons, and date labels.

Discovery call

Aug 02

Align on goals, scope, and constraints.

Prototype handoff

Aug 05

Deliver clickable flows for review.

Stakeholder review

Aug 09

Collect feedback and approval notes.

Launch prep

Aug 12

Finalize assets and rollout plan.

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/timeline-vertical.tsx

Installation

Using shadcn CLI

npx shadcn add timeline-vertical --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge