Block PartsPro

Timeline Event

One entry in an activity feed or history, with an avatar or status dot and a line to the next entry.

Usage

Alina Lorenz created a project

9:12

Checkout redesign

Lucas Meyer commented

10:30

Looks great. Can we ship the new cart before Friday?

Merged into main

v2.4.0

Sep 17, 2026 · 14:25

bash

npm install @wunderui/react

Then import what you need:

tsx

import { TimelineEvent, TimelineEventProps } from "@wunderui/react"

Prop	Type	Default
title	ReactNode	—
avatar	{ src?: string; initials?: string; color?: AvatarColor }	—
status	{ tone?: "success" \| "primary" \| "warning" \| "muted"; icon?: ReactNode }	—
time	ReactNode	—
object	{ icon?: ReactNode; label: ReactNode }	—
badge	ReactNode	—
badgeColor	BadgeColor	"grey"
meta	ReactNode	—
children	ReactNode	—
last	boolean	—
className	string	—