Block Parts
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:12LM
Lucas Meyer commented
10:30Looks great. Can we ship the new cart before Friday?
Merged into main
Sep 17, 2026 · 14:25
Installation
npm install @wunderui/reactThen import what you need:
import { TimelineEvent, TimelineEventProps } from "@wunderui/react"API Reference
| 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 | — |