Timeline
A vertical sequence of events with status dots and connectors.
Site activity
Completed, in-progress, and pending events with status dots.
Meter provisioned
Toronto DC · main electricity meter onlineBaseline established
14-day interval baseline computedDR event dispatched
IESO Ontario · 480 kW curtailment targetSettlement pending
Awaiting IESO performance report
API reference
A vertical sequence of events. Each TimelineItem pairs a status TimelineDot with a TimelineHeading and TimelineContent, connected by a TimelineLine.
Anatomy
Timeline | Root list; positions dots left, right, or center. |
TimelineDot | The status marker: default, current, done, error, or custom. |
TimelineItem | One event row; status tints the text done or default. |
TimelineContent | The event body / description. |
TimelineHeading | The event title. |
TimelineLine | The connector drawn between consecutive dots. |
TimelineTag | An optional side label aligned to the dot. |
Props
| Part | Prop | Type | Default |
|---|---|---|---|
Timeline | positions | "left" | "right" | "center" | — |