Timeline Block
Document project milestones, roadmaps, and chronological events. Each item includes date, title, description, and status for clear progress tracking.
The Timeline block visualises chronological events, milestones, or roadmap items. Use it to document project phases, release schedules, or any sequence of events that benefit from temporal organisation.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Title | No | Optional timeline title (e.g., Q1 2026 Roadmap) |
| Orientation | No | Layout direction: vertical or horizontal |
| Items | Yes | Array of timeline entries |
Item Properties
| Property | Required | Description |
|---|---|---|
| Date | Yes | When the event occurs (e.g., Jan 2026, Week 1) |
| Title | Yes | Event or milestone name |
| Description | No | Details about the item |
| Status | No | Planned, In Progress, Completed, Delayed, or Cancelled |
Status Values
Example: Product Roadmap
A quarterly roadmap with milestones at various stages.
Example: Migration Schedule
A database migration with clear phases and dependencies.
Editing Timelines
| Action | How To |
|---|---|
| Reorder Items | Drag and drop or use move up/down buttons |
| Set Status | Select status from dropdown with colour coding |
| Add Item | Click Add Item to append a new timeline entry |
| Remove Item | Click the delete button on individual items |
| Preview | View status badges in the real-time preview |