Skip to content
ghostui

Timeline

Read dated career events and open their details.

Preview

Read events in chronological year rows. Overlapping events occupy separate columns. Select an event to read its details. Use the history controls to move through a fixed window of years.

Career experience

202120222023202420252026

2021–2026

Career history

Year-only dates keep their original precision. Ended history stops at its last event, rather than adding empty years up to today.

Career experience

200620072008200920102011

2006–2011

Milestones and breaks

Milestones mark a point in time. Breaks retain their start and end. Event kind and dates remain available in the detail dialog.

Career experience

20182019202020212022

2018–2022

Empty

An empty event list shows an empty state.

No history to show

Add a dated event to display this timeline.

Invalid data

Invalid dates, duplicate IDs, reversed ranges, and invalid history windows show an accessible error. Invalid events do not move to today.

Usage

Use Calendar for dated appointments. Timeline accepts YYYY, YYYY-MM, or YYYY-MM-DD. An omitted end means ongoing through asOf; the default is the current UTC date. Supplied end periods include that year, month, or day. A milestone remains a point. Related destinations use Link in the event details.

Example data

Copy this companion file with the examples above. Dates keep their supplied precision.

timeline-data.ts

API reference

Keyboard

Tab reaches events and history controls. Enter or Space opens an event. Escape closes its detail dialog and returns focus.

Installation

Prepare the local registry, then install Timeline and its canonical dependencies.

Install