Timeline
<Timeline> renders a list of dated events. Items can be marked done / doing / todo and decorated with tags or links.
Vertical (default)
- Released v1.0
First stable build shipped to production.
- Plugins API
Pluggable MDX components — Compare, Timeline, Embed, D2.
- Multi-language reader
Horizontal
Pass orientation="horizontal" to lay items out on a horizontally-scrolling track — handy for product roadmaps on wider screens.
- Idea
- Prototype
- v1.0
- Plugins
- i18n
Props
<Timeline>
| Prop | Description |
|---|---|
orientation | "vertical" (default) or "horizontal" |
<TimelineItem>
| Prop | Description |
|---|---|
title | Required |
date | Any string parseable by new Date(), plus "YYYY-MM" shorthand. Falls back to the raw string when unparseable. |
status | "done", "doing", or "todo" (default) |
icon | Optional ReactNode rendered inside the marker dot |
tags | Optional string[] rendered as pills next to the title |
href | Makes the entire item a link (uses Next <Link> for internal hrefs) |