synthetic
Timeline
Events in order, newest first.
Project activityDots, time, detail
- 24 OctHarbour launch
Maya Chen presents to the trust.
- 22 OctMobile design review
Jonas Weber walks through offline sync.
- 21 OctCrew interview 11
Priya Nair, 12 calls booked.
- 10 OctRota export done
Leo Santos sent 14 shifts to payroll.
No activity yet
- 22 OctQuarterly crew wellbeing and rota review for the northern depots
Scheduled by Leo Santos.
In context
ActivityThe same feed on a phone
Activity
- 24 OctHarbour launch
Maya Chen presents to the trust.
- 22 OctMobile design review
Jonas Weber walks through offline sync.
- 21 OctCrew interview 11
Priya Nair, 12 calls booked.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
items | TimelineItem[] | Yes | — |
className | string | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
Accessibility
A real ordered list (<ol>); each event is a list item, read in document order. The dot is decorative (aria-hidden="true"), so a tone is never the only signal: say it in the words too.
data-rebar-* attributes
data-rebar-component="timeline", data-rebar-part="item" | "dot" | "content", data-rebar-tone on each item.
Migrating to Ant Design
AntD's Timeline nests Timeline.Item children (with a color prop) rather than a flat items array: a structural rewrite, not a rename.