Roadmap Timeline

A quarterly product roadmap timeline with Shipped, In progress and Planned status pills on a vertical line.

#roadmap #timeline #changelog

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

RoadmapTimelineProps

Also accepts all props of React.ComponentProps<"div">

Prop	Type	Default	Description
quarters* required	`RoadmapQuarter[]`	—	—

Install

$ npx shadcn@latest add https://chromotion.dev/r/roadmap-timeline.json

More like this

Announcement Bar

A dismissible top announcement banner with a badge, message, arrow link and close button.

Feature Grid

A three-column icon feature grid with a heading and subtitle.

Stats Band

A row of large stat numbers with labels and dividers.