Timeline
A vertical sequence of events on one continuous rail — deploys, audit entries, an incident.
Loading documentation…
Powered by heyo
Rolling out to fra1, waw1 and iad1.
412 modules, 184 kB gzip.
The rail is one continuous line drawn by the list and masked at both ends, not a stack of per-item segments: segments leave hairline seams between entries that you can see the moment two markers have different tones.
It fades out at the bottom, because an event feed almost never ends — it just stops being loaded, and a line that stops dead implies otherwise.
full gives every entry an icon-sized marker. compact uses a dot on a
hairline rail, which is what an audit log with fifty rows wants. Set it on the
list; the items inherit it.
Timeline.Separator is a heading between entries, and it is sticky —
scrolling a month of deploys never leaves you wondering which day you are
looking at.
full gives every entry an icon-sized marker; compact uses a dot on a
hairline rail. It defaults to full.
The headline of the entry.
Right-aligned and muted — a timestamp, a duration, an actor.
Rendered inside the marker. It falls back to a dot.
The marker's colour. It defaults to neutral.
Draws attention to the entry that is still happening: the marker gets a slow halo and the row a faint tint.
Match the density set on the list.
The body under the title.
A sticky heading between entries — usually a date.