House components · Application UI
Event Timeline
A vertical "domain events" style timeline that renders a list of labeled events with toned status dots, optional descriptions, and monospaced timestamps connected by a vertical rule.
Feature showcase
Installation
Features
7 examples
Default, Live Feed, Rich Content, Single Event, Timestamps, Title Only, Tones.
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| events | TimelineEvent[] | - | Array of timeline event objects to render, each with a title, optional description, optional timestamp, and optional tone. |
| className | string | - | Additional CSS classes applied to the root <ol> element. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/event-timeline.tsx |
| Default example | content/examples/event-timeline/default.tsx |
| Live Feed example | content/examples/event-timeline/live-feed.tsx |
| Rich Content example | content/examples/event-timeline/rich-content.tsx |
| Single Event example | content/examples/event-timeline/single-event.tsx |
| Timestamps example | content/examples/event-timeline/timestamps.tsx |
| Title Only example | content/examples/event-timeline/title-only.tsx |
| Tones example | content/examples/event-timeline/tones.tsx |