React activity feed blocks

Activity timelines, audit logs, comment threads, notification groups and release notes for React apps.

Activity timeline

A vertical run of events with a connecting rail.

The same stream, with the date breaks a long feed needs.

Unread state, type icon and a relative time.

A deliberate nesting cap, indented so it mirrors under RTL.

The old and new values are the reason the log exists, marked up as such.

Distinguishable by weight and a marker, so it survives dark mode.

Three states differing in shape as well as hue.

Versions as real headings, so the outline is navigable.