Activity Feed
A chronological log of who did what, with the actor and object emphasised inside the sentence.
Amara Chen commented on Q3 forecast
Daniel Osei invited Priya Raman to the workspace
Marcus Reid merged feat/theme-toggle
Highlighting the object
The actor is emphasised automatically, but the thing acted on isn't — it's buried in free-form text. Wrap it in ActivityFeedHighlight so a row scans as "who did something to what" rather than a wall of grey.
Compact
Amara Chen commented on Q3 forecast
Daniel Osei invited Priya Raman to the workspace
Marcus Reid merged feat/theme-toggle
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | ActivityFeedItem[] | The entries, newest first. | |
| variant | 'default' | 'compact' | 'default' | Default draws an icon rail; compact uses avatars instead. |
ActivityFeedItem
| Prop | Type | Default | Description |
|---|---|---|---|
| actor | string | Who acted. Rendered in full-strength text; the rest of the sentence is muted. | |
| description | ReactNode | The rest of the sentence. Wrap the object in ActivityFeedHighlight to pull it back to full strength. | |
| timestamp | string | Pre-formatted time. | |
| icon | ReactNode | Rail dot icon, 16px. Default variant. | |
| avatarSrc | string | Avatar image. Compact variant. | |
| id | string | number | React key. Falls back to the index if omitted. |